@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/css?family=Pacifico);
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border: 0;}
a {
	color: #000000;
	text-decoration: none;
	font-family:"M PLUS Rounded 1c", sans-serif;/*Tsukushi A Round Gothic;*/
}
body{
	width: min(1440px,100vw);
	max-width: 1440px;
	margin-left:  auto;
	margin-right: auto;
}
#main, .rectangle1, .circle1{

}
.wrap {
  animation: fadein 0.3s forwards;
	animation-timing-function: ease-out;
}

@keyframes fadein {
  0% {opacity: 0}
  100% {opacity: 1}
}


ul {
display: flex;
list-style: none;
}

.bottom     {   vertical-align: bottom;         }

.logo img {
   position: absolute;
	 width: 146px;
   clip: rect(0px, 146px, 92px, 0px);
   margin-left: 0px;
   margin-top: 0px;
}
.logo {
   position: relative;
   width: 146px;
   height: 92px;
}


/* ヘッダー
------------------------------------------------------------*/
#header{
	display: flex;
	justify-content: center;
	align-items: center;
}

#headerbox{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: 94px;
	width: 724px;
	margin-left: 39px;
	margin-top: 20px;
	margin-bottom: 13px;
	font: normal normal bold 33px/57px "M PLUS Rounded 1c", sans-serif;/*Tsukushi A Round Gothic;*/
	letter-spacing: 0px;
	font-style: color: #000000;
	text-transform: uppercase;
	opacity: 1;
}



#header1{
	display: flex;
	width: 41px;
	height: 33px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18px/18px var(--unnamed-font-family-tsukushi-a-round-gothic);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 18px/18px "M PLUS Rounded 1c", sans-serif;/*Tsukushi A Round Gothic;*/
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

#header2{
	display: flex;
	width: 98px;
	height: 32px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 18px/18px var(--unnamed-font-family-tsukushi-a-round-gothic);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 18px/18px "M PLUS Rounded 1c", sans-serif;/*Tsukushi A Round Gothic;*/
	letter-spacing: 0px;
	color: #000000;
	text-transform: uppercase;
	opacity: 1;
}

#header3{
	display: flex;
}

#header4{
	display: flex;
	width: 78px;
	height: 32px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 17px/17px var(--unnamed-font-family-tsukushi-a-round-gothic);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 18px/18px "M PLUS Rounded 1c", sans-serif;/*Tsukushi A Round Gothic;*/
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}

#header5{
	display: flex;
	width: 95px;
	height: 32px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 19px/19px var(--unnamed-font-family-tsukushi-a-round-gothic);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 18px/18px "M PLUS Rounded 1c", sans-serif;/*Tsukushi A Round Gothic;*/
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}
ul {
	opacity: 1;
}





/* 共通
------------------------------------------------------------*/
.bg_pattern {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  opacity: 0.4;
  z-index: -1;
}
.Polka {
  background-image: radial-gradient(#F0F0F0 5.5px, #ffffff 0px);
  background-size: 28px 28px;
}

.wrapper {
  overflow: hidden;
	/*width: 1440px;*/
width: min(1440px,100vw);
	display: flex;
	justify-content: center;
	/*align-items: center;*/
}
#wrapper1{	/* index.html */
	height: 566px;
}
#wrapper2{	/* index.html */
	height: 580px;
	align-items: center;
}
#wrapper3{	/* index.html */
	height: 852px;
}
#wrapper4{	/* index.html */
	height: 337px;
	align-items: center;
}
#wrapper5{	/* about.html */
	height: 958px;
}
#wrapper6{	/*-service-*/
	height: 857px;
}
#wrapper7{	/*-service-*/
	height: 2522px;
}
#wrapper8{	/*-service-*/
	height: 330px;
	align-items: center;
}
.arc{
	/*position: absolute;
	top: 127px;*/
	width: min(1440px,100vw);
	min-height: 258px;
  border-top-right-radius: 785px 129px;
  border-top-left-radius: 785px 129px;
	margin-left: -65px;
  padding-left:  65px;
	margin-right: -65px;
	padding-right: 65px;
  background: #FFEB00;
}
.rectangle1 {
	position: absolute;
	top: 211px;
	/*left: 0px;*/
	width: min(1440px,100vw);

	height: 482px;
  background: #FFEB00;
	opacity: 1.0;

}

.circle1 {
	position: absolute;
	top: -21px;
	left: 193px;
	width: 50px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 25px;
}

.circle2 {
	position: absolute;
	top: 53px;
	left: 214px;
	width: 86px;
	height: 86px;
	background-color: #ffffff;
	border-radius: 43px;
}

.circle3 {
	position: absolute;
	top: 96px;
	left: 93px;
	width: 178px;
	height: 178px;
	background-color: #ffffff;
	border-radius: 89px;
}

.textarea1 {
	position: absolute;
	top: 224px;
	left: 198px;
	width: 522px;
	height: 157px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 58px/99px var(--unnamed-font-family-tsukushi-a-round-gothic);
	letter-spacing: var(--unnamed-character-spacing-0);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 58px/99px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 0px;
	color: #000000;
	opacity: 1;
}
#mainImg{
	position: absolute;
	top: 9px;
	left: 750px;
	width: 459px;
	height: 412px;
}
#mainImg img{
	width: 100%;
	height: 100%;
}

#img2{
	/*position: absolute;*/
	top: 834px;
	left: 224px;
	width: 416px;
	height: 354px;
	transform: matrix(-0.99, 0.16, 0.16, 0.99, 0, 0);
	margin-left: 2vw;
	margin-right: 11vw;
}
#img3{
	/*position: absolute;*/
top: 842px;
left: 824px;
width: 443px;
height: 260px;
}

.rectangle2 {	/* index.html */
	position: absolute;
	top: 1273px;
	/*left: 0px;*/
	width: 1440px;
	height: 852px;
	background: #FFEB00;
	opacity: 1.0;
}
.rectangle22 {	/*-service-*/
	position: absolute;
	top: 211px;
	/*left: 0px;*/
	width: 1440px;
	height: 773px;
	background: #FFEB00;
	opacity: 1.0;
}

.rectangle23 {	/*-contact-*/
	position: absolute;
	top: 211px;
	/*left: 0px;*/
	width: 1440px;
	height: 682px;
	background: #FFEB00;
	opacity: 1.0;
}

.rectangle3 {		/* about.html */
	position: absolute;
	top: 211px;
	/*left: 0px;*/
	width: 1440px;
	height: 925px;
	background: #FFEB00;
	opacity: 1.0;
}

.rectangle4 {		/* about.html */
	position: relative;
	top: 134px;
	left: 395px;
	width: 170px;
	height: 780px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 0.4;}
.rectangle5 {		/* about.html */
	position: absolute;
	top: 134px;
	left: 395px;
	width: 170px;
	height: 688px;
}

.rectangle40{	/* about.html */
	position: relative;
	left: 0px;
	width: 650px;
	height: 1px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	opacity: 1;
	}
	#rectangle41{top:0px;}	/* about.html */
	#rectangle42{top:80px;}	/* about.html */
	#rectangle43{top:194px;}	/* about.html */
	#rectangle44{top:275px;}	/* about.html */
	#rectangle45{top:356px;}	/* about.html */
	#rectangle46{top:437px;}	/* about.html */
	#rectangle47{top:518px;}	/* about.html */
	#rectangle48{top:599px;}	/* about.html */
	#rectangle49{top:680px;}	/* about.html */
        #rectangle50{top:770px;}	/* about.html */

.textCompany4{	/* about.html */
		position: relative;
		text-align: left;
		color: #000000;
		opacity: 1;
}

#textCompany411{	/* about.html */
	top: 24px;
	left: 39px;
	width: 58px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany412{	/* about.html */
	top: 8px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany421{	/* about.html */
	top: 84px;
	left: 39px;
	width: 58px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany422{	/* about.html */
	top: 58px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany431{	/* about.html */
	top: 152px;
	left: 39px;
	width: 90px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany432{	/* about.html */
	top: 136px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany441{	/* about.html */
	top: 200px;
	left: 39px;
	width: 58px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany442{	/* about.html */
	top: 184px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany451{	/* about.html */
	top: 246px;
	left: 39px;
	width: 58px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany452{	/* about.html */
	top: 230px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany461{	/* about.html */
	top: 296px;
	left: 39px;
	width: 58px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany462{	/* about.html */
	top: 280px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany471{	/* about.html */
	top: 342px;
	left: 39px;
	width: 80px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany472{	/* about.html */
	top: 326px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany481{	/* about.html */
	top: 388px;
	left: 39px;
	width: 80px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany482{	/* about.html */
	top: 372px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#textCompany491{	/* about.html */
	top: 435px;
	left: 39px;
	width: 90px;
	height: 15px;
	font: var(--unnamed-font-style-normal) normal medium 15px/26px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 15px/26px YuGothic;
	letter-spacing: 0.45px;
}
#textCompany492{	/* about.html */
	top: 402px;
	left: 194px;
	width: 399px;
	height: 19px;
	font: var(--unnamed-font-style-normal) normal medium 19px/33px YuGothic;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal medium 19px/33px YuGothic;
	letter-spacing: 0.57px;
}
#compornent1{	/* index.html */
	position: absolute;
	top: 71px;
	left: 239px;
	width: 963px;
	height: 724px;
}
#compornent1 > span{	/* index.html */
	position: absolute;
	top: 0;
	left: 50%;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, %);
	transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-45)/var(--unnamed-line-spacing-77) var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 45px/77px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 1.35px;
	color: #000000;
	opacity: 1;
}
#textCompany{	/* about.html */
	position: absolute;
	top: -88px;
	left: 677px;
	width: 657px;
	height: 121px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 121px/206px var(--unnamed-font-family-tsukushi-a-round-gothic);
	text-align: left;
	font: normal normal bold 121px/206px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 3.63px;
	color: #FFFFFF;
	opacity: 0.4;
}
#textService{/*-service-*/
	position: absolute;
	top: -88px;
	left: 453px;
	width: 526px;
	height: 121px;
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 121px/206px var(--unnamed-font-family-tsukushi-a-round-gothic);
	text-align: left;
	font: normal normal bold 121px/206px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 3.63px;
	color: #FFFFFF;
	opacity: 0.4;
}
#textService01{/*-service-*/
	position: absolute;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: 962px;
		/*left: 588px;*/
	width: 235px;
	height: 160px;
	font: var(--unnamed-font-style-normal) normal normal 160px/352px Heisei Maru Gothic Std;
	text-align: left;
	font: normal normal normal 160px/352px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 32px;
	color: #F0F0F0;
	opacity: 1;
}
#textService02{/*-service-*/
	position: absolute;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: 2264px;
	/*left: 588px;*/
	width: 235px;
	height: 160px;
	font: var(--unnamed-font-style-normal) normal normal 160px/352px Heisei Maru Gothic Std;
	text-align: left;
	font: normal normal normal 160px/352px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 32px;
	color: #F0F0F0;
	opacity: 1;
}

.graphicdesign{/*-service-*/
	position: absolute;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: 1191px;
	/*left: 279px;*/
	width: 881px;
	height: 102px;
	background: #FFEB00 0% 0% no-repeat padding-box;
	border: 0px solid #707070;
	border-radius: 20px;
	opacity: 1;
}

.graphicdesign span{/*-service-*/
	position: absolute;
	top: 50%;
	left: 78px;
		-ms-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	font: var(--unnamed-font-style-normal) normal normal 49px/108px Yu Gothic Pr6N;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 49px/108px Yu Gothic Pr6N;
	letter-spacing: 2.45px;
	color: #000000;
	opacity: 1;
}

#graphicdesign2{/*-service-*/
	width:38px;
	-ms-transform: translate(-1160%, 00%);
	-webkit-transform: translate(-1160%, 0%);
	transform: translate(-1160%, 0%);
	background: #000000 0% 0% no-repeat padding-box;
	border: 0px solid #707070;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	opacity: 1;
}
.gdIconsContainer{/*-service-*/
	display: flex;
	justify-content:space-around;
	align-items: center;
	position: relative;
	width: 225px;
	height: 41px;
	top: 50%;
	left: 617px;
	-ms-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	margin:0%;
}

#boxImg1 img{/*-service-*/
	height: 41px;
	background: #FFEB00 0% 0% no-repeat padding-box;
}
#boxImg2 img{/*-service-*/
	height: 37px;
	background: #FFEB00 0% 0% no-repeat padding-box;
}
#boxImg3 img{/*-service-*/
	height: 40px;
	background: #FFEB00 0% 0% no-repeat padding-box;
}
#boxImg4 img{/*-service-*/
	height: 34px;
	background: #FFEB00 0% 0% no-repeat padding-box;
}


.salespartner{/*-service-*/
	position: absolute;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	top: 2496px;
	/*left: 279px;*/
	width: 881px;
	height: 102px;
	background: #FFEB00 0% 0% no-repeat padding-box;
	border: 0px solid #707070;
	border-radius: 20px;
	opacity: 1;
}
.salespartner span{/*-service-*/
	position: absolute;
	top: 50%;
	left: 78px;
		-ms-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	font: var(--unnamed-font-style-normal) normal normal 49px/108px Yu Gothic Pr6N;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 49px/108px Yu Gothic Pr6N;
	letter-spacing: 9.8px;
	color: #000000;
	opacity: 1;
}
#salespartner2{/*-service-*/
	width:38px;
	-ms-transform: translate(-1160%, 00%);
	-webkit-transform: translate(-1160%, 0%);
	transform: translate(-1160%, 0%);
	background: #000000 0% 0% no-repeat padding-box;
	border: 0px solid #707070;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	opacity: 1;
}
.spIconsContainer{/*-service-*/
	display: flex;
	justify-content:space-around;
	align-items: center;
	position: relative;
	width: 225px;
	height: 63px;
	top: 50%;
	left: 617px;
	-ms-transform: translate(0%, -50%);
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	margin:0%;
}

#boxImg5 img{/*-service-*/
	height: 63px;
	background: #FFEB00 0% 0% no-repeat padding-box;
}
#boxImg6 img{/*-service-*/
	height: 63px;
	background: #FFEB00 0% 0% no-repeat padding-box;
}

#details1{/*-service-*/
	position: absolute;
	top: 1360px;
	-ms-transform: translate(-50%, 0%);
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	/*left: 120px;*/
	width: 1200px;
	height: 844px;
	background: rgba(255,255,255,0);
	border: 0px;
	border-radius: 0px;
}
#details2{/*-service-*/
	position: absolute;
	top: 2663px;
		-ms-transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
		/*left: 120px;*/
	width: 1200px;
	height: 844px;
	background: rgba(255,255,255,0);
	border: 0px;
	border-radius: 0px;
}

#corners1, #corners2{
	position: absolute;
	top: 0px;
	display: flex;
	width:100%;
	justify-content:space-between;
}
#corners3, #corners4{
	position: absolute;
	bottom: 0px;
	display: flex;
	width:100%;
	justify-content:space-between;
}
#bar1{
	width:15px;
	height:70.5px;
	background: #9A9A9A 0% 0% no-repeat padding-box;
	border-radius: 7.5px;
}
#bar2{
	width:70.5px;
	height:15px;
	background: #9A9A9A 0% 0% no-repeat padding-box;
	border-radius: 7.5px;
}
#textbox1{/*-service-*/
	position: absolute;
	width: 1006px;
	height: 649px;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin:0%;
	background: #FFFCD3 0% 0% no-repeat padding-box;
	opacity: 1;
}

#textbox2{/*-service-*/
}

#textbox3{/*-contact-*/
	position: absolute;
	width: 907px;
	height: 342px;
	top: 44%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin:0%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	opacity: 1;
}
#text1{/*-service-*/
	position: absolute;
	top: 114px;
	left: 52px;
	width: 860px;
	height: 28px;
	font: var(--unnamed-font-style-normal) normal normal 28px/44px A-OTF UD Shin Go Pro;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 28px/44px A-OTF UD Shin Go Pro;
	letter-spacing: 0.84px;
	color: #000000;
	opacity: 1;
}
#text2{/*-service-*/
	position: absolute;
	top: 203px;
	left: 82px;
	width: 910px;
	height: 172px;
	font: var(--unnamed-font-style-normal) normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	letter-spacing: 0.6px;
	color: #000000;
	opacity: 1;
}
#text3{/*-service-*/
	position: absolute;
	top: 412px;
	left: 52px;
	width: 849px;
	height: 28px;
	font: var(--unnamed-font-style-normal) normal normal 28px/44px A-OTF UD Shin Go Pro;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 28px/44px A-OTF UD Shin Go Pro;
	letter-spacing: 0.84px;
	color: #000000;
	opacity: 1;
}
#text4{/*-service-*/
	position: absolute;
	top: 470px;
	left: 82px;
	width: 847px;
	height: 172px;
	font: var(--unnamed-font-style-normal) normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	letter-spacing: 0.6px;
	color: #000000;
	opacity: 1;
}
#text5{/*-service-*/
	position: absolute;
	top: 74px;
	left: 52px;
	width: 860px;
	height: 28px;
	font: var(--unnamed-font-style-normal) normal normal 28px/44px A-OTF UD Shin Go Pro;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 28px/44px A-OTF UD Shin Go Pro;
	letter-spacing: 0.84px;
	color: #000000;
	opacity: 1;
}
#text6{/*-service-*/
	position: absolute;
	top: 163px;
	left: 82px;
	width: 910px;
	height: 172px;
	font: var(--unnamed-font-style-normal) normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	letter-spacing: 0.6px;
	color: #000000;
	opacity: 1;
}
#text7{/*-service-*/
	position: absolute;
	top: 372px;
	left: 52px;
	width: 849px;
	height: 28px;
	font: var(--unnamed-font-style-normal) normal normal 28px/44px A-OTF UD Shin Go Pro;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 28px/44px A-OTF UD Shin Go Pro;
	letter-spacing: 0.84px;
	color: #000000;
	opacity: 1;
}
#text8{/*-service-*/
	position: absolute;
	top: 430px;
	left: 82px;
	width: 847px;
	height: 172px;
	font: var(--unnamed-font-style-normal) normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal normal 20px/38px A P-OTF Shuei KakuGo Gin Std;
	letter-spacing: 0.6px;
	color: #000000;
	opacity: 1;
}
#text9{/*-contact-*/
	position: absolute;
	top: 77px;
	left: 136px;
	width: 643px;
	height: 65px;
	font: var(--unnamed-font-style-normal) normal medium 24px/41px YuGothic;
	color: var(--unnamed-color-000000);
	font-size: 24px;
	text-align: center;
	font: normal normal medium 24px/41px YuGothic;
	letter-spacing: 0.72px;
	color: #000000;
	opacity: 1;
}
#text10{/*-contact-*/
	position: absolute;
	top: 195px;
	left: 143px;
	width: 608px;
	height: 65px;
	color: var(--unnamed-color-000000);
	font-size: 24px;
	text-align: center;
	letter-spacing: 0.72px;
	color: #000000;
	opacity: 1;
}
#text10 > text{
	background: linear-gradient(transparent 60%, #FFEB00 0%);
	border-bottom:solid;
	border-color:#FFEB00;
	border-width:5px;
	font-weight: 600;
}
#icon1{/*-service-*/
	position: absolute;
	top: 60px;
	left: 700px;
	width: 224px;
	opacity: 1;
}
#icon2{/*-service-*/
	position: absolute;
	top: 440px;
	left: 82px;
	width: 176px;
	opacity: 1;
}
#icon3{/*-service-*/
	position: absolute;
	top: 46px;
	left: 759px;
	width: 207px;
	opacity: 1;
}
#icon4{/*-service-*/
	position: absolute;
	top: 444px;
	left: 46px;
	width: 165px;
	opacity: 1;
}
#icon5{/*-contact-*/
	position: absolute;
	top: 48px;
	left: 42px;
	width: 69px;
	opacity: 1;
}
#icon6{/*-contact-*/
	position: absolute;
	top: 219px;
	left: 787px;
	width: 69px;
	opacity: 1;
}
#compornent2{	/* about.html */
	position: absolute;
	top: 0px;
	left: 239px;
	width: 963px;
	height: 832px;

}
#compornent2 > span{
	position: absolute;
	top: 0;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
  	-webkit-transform: translate(-50%, %);
		transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-45)/var(--unnamed-line-spacing-77) var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 45px/77px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 1.35px;
	color: #000000;
	opacity: 1;
}
#compornent3{	/* service.html */
	position: absolute;
	top: 0px;
	left: 239px;
	width: 963px;
	height: 724px;

}
#compornent3 > span{
	position: absolute;
	top: 0;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
  	-webkit-transform: translate(-50%, %);
		transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-45)/var(--unnamed-line-spacing-77) var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: left;
	font: normal normal bold 45px/77px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 1.35px;
	color: #000000;
	opacity: 1;
}

.circle-frame1{	/* index.html, service.html */
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 100px;
}
.circle-frame2{	/* index.html, service.html */
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-end;
	margin-top: 40px;
}


/*@media screen and (min-width:960px){*/   /* PC用 */


.circle-waku{	/* index.html, service.html */
  position: relative;
  width: 292px;
  margin:0%;
}

.circle{	/* index.html, service.html */
  width: 100%;
  padding-top: 100%;
  border-radius: 50%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 6px 12px #00000029;
}

#webDesign img{	/* index.html, service.html */
	height:92px;
	width:96px;
	position: absolute;
  top: 78px;
	left: 97px;
}

#webDesign p{	/* index.html, service.html */
	position: absolute;
	top:192px;
	left: 50%;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 32px/40px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 32px/40px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 0.96px;
	color: #000000;
	opacity: 1;
}
#logoDesign img{	/* index.html, service.html */
	width:100px;
	position: absolute;
  top: 87px;
	left: 96px;
}

#logoDesign p{	/* index.html, service.html */
	position: absolute;
	top:192px;
	left: 50%;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 32px/40px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 32px/40px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 0.96px;
	color: #000000;
	opacity: 1;
}

#adDesign img{	/* index.html, service.html */
	width:73px;
	position: absolute;
  top: 79px;
	left: 109px;
}

#adDesign p{	/* index.html, service.html */
	position: absolute;
	top:192px;
	left: 50%;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 32px/40px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 32px/40px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 0.96px;
	color: #000000;
	opacity: 1;
}

#cardDesign img{	/* index.html, service.html */
	width: 103px;
	position: absolute;
  top: 81px;
	left: 94px;
}

#cardDesign p{	/* index.html, service.html */
	position: absolute;
	top:180px;
	left: 50%;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 32px/40px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 32px/40px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 0.96px;
	color: #000000;
	opacity: 1;
}

#salesPromo img{	/* index.html, service.html */
	width: 72px;
	/*height: 98px;*/
	position: absolute;
  top: 80px;
	left: 109px;
}

#salesPromo p{	/* index.html, service.html */
	position: absolute;
	width: 206px;
	top:182px;
	left: 50%;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 29px/36px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 29px/36px "M PLUS Rounded 1c", sans-serif;
	color: #000000;
	opacity: 1;
}

#outsourcing img{	/* index.html, service.html */
	width: 84px;
	position: absolute;
  top: 56px;
	left: 104px;
}

#outsourcing p{	/* index.html, service.html */
	position: absolute;
	width: 180px;
	top:180px;
	left: 50%;
    -ms-transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 32px/40px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 32px/40px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 0.96px;
	color: #000000;
	opacity: 1;
}

#contactIndex{	/* index.html */
	/*position: absolute;*/
	/*top: 2248px;*/
	top: 50%;
	left: 50%;
	 -ms-transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
}

#contactService{	/* service.html */
	/*position: absolute;
	top: 3639px;*/
	top: 50%;
	left: 50%;
	 -ms-transform: translate(-50%, -50%);
	 -webkit-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
}

#contact{	/* index.html, service.html */
	position: absolute;
	width: 429px;
	height: 88px;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #707070;
	opacity: 1;
}
#contact2{	/* index.html, service.html */
	position: absolute;
	top: 6px;
	left: 6px;
	width: 429px;
	height: 88px;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 2px solid #707070;
	opacity: 1;
}
#contact span{	/* index.html, service.html */
	position: absolute;
	top: 50%;
	left: 11%;
		-ms-transform: translate(0%, -50%);
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 39px/49px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 39px/49px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 1.17px;
	color: #000000;
	opacity: 1;
}

.circle-waku2{	/* index.html, service.html */
	position: relative;
	width: 54px;
	height: 54px;
	top: 50%;
	left: 350px;
	 -ms-transform: translate(0%, -50%);
	 -webkit-transform: translate(0%, -50%);
	 transform: translate(0%, -50%);
	margin:0%;
}

.circle4{	/* index.html, service.html */
	position: relative;
 	width: 100%;
  height: 100%;
  border-radius: 50%;
	background: #FFEB00 0% 0% no-repeat padding-box;
	text-align: center;

}

.circle4 span{	/* index.html, service.html */
	font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) 29px/36px var(--unnamed-font-family-tsukushi-a-round-gothic);
	color: var(--unnamed-color-000000);
	text-align: center;
	font: normal normal bold 29px/36px "M PLUS Rounded 1c", sans-serif;
	letter-spacing: 0.87px;
	color: #000000;
	opacity: 1;
}

/* フッター
------------------------------------------------------------*/
#footer{	/* index.html */
	position: absolute;
	display: flex;
	justify-content: center;
	top: 2462px;
	/*left: 0px;*/
	width: min(1440px,100vw);
	height: 362px;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.73;
}


#footerAbout{	/* about.html */
	position: absolute;
	display: flex;
	justify-content: center;
	top: 1246px;
	/*left: 0px;*/
	width: min(1440px,100vw);
	height: 362px;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.73;
}
#footerService{	/* service.html */
	position: absolute;
	display: flex;
	justify-content: center;
	top: 3828px;
	/*left: 0px;*/
	width: min(1440px,100vw);
	height: 362px;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.73;
}
#footerContact{	/* contact.html */
	position: absolute;
	display: flex;
	justify-content: center;
	top: 1035px;
	/*left: 0px;*/
	width: min(1440px,100vw);
	height: 362px;
	background: var(--unnamed-color-000000) 0% 0% no-repeat padding-box;
	background: #000000 0% 0% no-repeat padding-box;
	opacity: 0.73;
}
#footer img, #footerAbout img, #footerService img, #footerContact img{
	position: absolute;
	top: 18px;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	width: 242px;
	height: 208px;
	clip: rect(0px, 242px, 153px, 0px);
	margin-left: 0px;
	margin-top: 0px;
}

.footerText{
	display: flex;
	justify-content: center;
}

#footerText1{
	position: absolute;
	top:192px;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	height: 21px;
	font: var(--unnamed-font-style-normal) normal normal 21px/21px A P-OTF A1Gothic Std;
	text-align: left;
	font: normal normal normal 21px/21px A P-OTF A1Gothic Std;
	letter-spacing: 0.63px;
	color: #FFFFFF;
	opacity: 1;
}
#footerText2{
	position: absolute;
	top:223px;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	height: 13px;
	font: var(--unnamed-font-style-normal) normal normal 13px/38px A P-OTF A1Gothic Std;
	text-align: left;
	font: normal normal normal 13px/13px A P-OTF A1Gothic Std;
	letter-spacing: 0.39px;
	color: #FFFFFF;
	opacity: 1;
}
#footerText3{
	position: absolute;
	top:243px;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	height: 61px;
	font: var(--unnamed-font-style-normal) normal normal 15px/23px A P-OTF A1Gothic Std;
	text-align: center;
	font: normal normal normal 15px/15px A P-OTF A1Gothic Std;
	letter-spacing: 0.45px;
	color: #FFFFFF;
}
#footerText4{
	position: absolute;
	top: 50%;
	left: 50%;
		-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	font: var(--unnamed-font-style-normal) normal normal 14px/23px A P-OTF A1Gothic Std;
	text-align: center;
	font: normal normal normal 14px/14px A P-OTF A1Gothic Std;
	letter-spacing: 0.42px;
	color: #FFFFFF;
}
#footerText5{
	position: absolute;
	bottom: 0px;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	font: var(--unnamed-font-style-normal) normal normal 14px/23px A P-OTF A1Gothic Std;
	text-align: center;
	font: normal normal normal 14px/14px A P-OTF A1Gothic Std;
	letter-spacing: 0.42px;
	color: #FFFFFF;
}
#footerText6{
	position: absolute;
	top:327px;
	left: 50%;
		-ms-transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	height: 13px;
	font: var(--unnamed-font-style-normal) normal normal 13px/38px A P-OTF A1Gothic Std;
	text-align: left;
	font: normal normal normal 13px/13px A P-OTF A1Gothic Std;
	letter-spacing: 0.39px;
	color: #FFFFFF;
	opacity: 1;
}

}