@charset "UTF-8";
/*---------------------------------------------

	初期設定用

---------------------------------------------*/

:root{
	--main-width:1200px;
	--kihon-font:1.3rem;
}



html,body{
	margin:0px;
	padding:0px;
	min-width: 980px;
    scroll-behavior: smooth;
}


*{
/* font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; */
/* font-family:Arial,sans-serif; */
/* font-family:Arial,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; */
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	color: #333;

 }



iframe{
margin: 0;
padding: 0;

}


/*---------------------------------------------
	a
---------------------------------------------*/
a{
	color: #06c;
	text-decoration: none;
}
a:link {
}
a:visited{
}
a:hover{
	color: #e60;
	text-decoration: underline;
}
a:active{
}
a.on{
	color: #f60;
	text-decoration: underline;
}



li{
	list-style: none;
}

.all_wrap{
	padding: 0;
}





.header{
width: 100%;
display: flex;
}


.header>li:nth-child(1){
width: 40%;

padding: 10px;
display: flex;
align-items: center;
}

.header>li:nth-child(1)>img{
width: 100%;
height: auto;
max-width:265px;
}

.header>li:nth-child(2){
width: 60%;

text-align: right;

}

.header>li:nth-child(2)>ul{
display: flex;

max-width: 510px;
justify-content: flex-end;
margin: 0 0 0 auto;
	}

	.header>li:nth-child(2)>ul>li:nth-child(1){
width: 60%;

	}

	.header>li:nth-child(2)>ul>li:nth-child(2){
width: 40%;
background: #e60512;
display: flex;
align-items: center;
}



.header>li:nth-child(2)>ul>li:nth-child(2)>a{
display: block;
background: #e60512;
width: 100%;
height: 100%;
text-decoration: none;
}






.header>li:nth-child(2)>ul>li:nth-child(2)>a>div{

	text-decoration: none;
	text-align: center;
display: flex;

align-items: center;
height: 100%;
width: 100%;
}

.header>li:nth-child(2)>ul>li:nth-child(2)>a>div:hover{
background: #c4000b;
}

.header>li:nth-child(2)>ul>li:nth-child(2)>a>div>div{
	text-align: center;
	width: 100%;
}


.header>li:nth-child(2)>ul>li:nth-child(2)>a>div>div>div{
color: white;
font-weight: bold;
width: 100%;}

.header>li:nth-child(2)>ul>li:nth-child(2)>a>div>div>div:nth-child(1){
font-size: 1.8rem;	}

.header>li:nth-child(2)>ul>li:nth-child(2)>a>div>div>div:nth-child(2){
font-size: 1.2rem;	}


	.header>li:nth-child(2)>ul>li>img{
width: 100%;
height: auto;
max-width: 307px;
	}


.main_img{
	background: url(../img/machinamiloop.webp) repeat-x bottom #ffe91c;
	min-height: 400px;
}

.main_img>div{
width: 80%;
margin: 0 auto;
max-width: var(--main-width);
padding-top: 30px;
}


.main_img>div>ul{
display: flex;
align-items: center;

}

.main_img>div>ul>li>img{
width: 100%;
height: auto;
	}

.main_img>div>ul>li:nth-child(2){
margin-left:auto;
padding-left: 30px;
box-sizing: border-box;
}



main{
	padding-top: 70px;
}





.caption{
	text-align: center;
margin-bottom: 50px;

}

.caption>span{
text-align: center;
border: 2px solid #e60512;
font-size: 2.45rem;
box-sizing: border-box;
background: #e60512;
display: inline-block;
}

.caption>span>span{
	box-sizing: border-box;
	display: inline-block;
	padding: 5px;
	font-weight: bold;
	letter-spacing: .2rem;
}


.caption>span>span:nth-child(1){
color: white;
}

.caption>span>span:nth-child(2){
background: #fff;
}

.minasama{
max-width: var(--main-width);
width: 90%;
margin: 0 auto;
display: flex;
padding-bottom: 70px;
}

.minasama>li:nth-child(1){
width: 50%;

}

.minasama>li:nth-child(1)>div:nth-child(1),
.minasama>li:nth-child(1)>div:nth-child(1)>p{
font-size: var(--kihon-font);
line-height: 2.5rem;
margin-bottom: 10px;
}

.minasama>li:nth-child(1)>div:nth-child(1)>p>span{
	 background: linear-gradient(transparent 85%, #ffd800 85%);

	}


.minasama>li:nth-child(1)>div:nth-child(2){
background: #e60512;
border-radius: 10px;
padding: 5px 10px;
color: white;
display: inline-block;
font-size: calc(var(--kihon-font) + 0.2rem);
margin-bottom: 20px;
}

.minasama>li:nth-child(1)>ul{
display: flex;
margin-bottom: 10px;
flex-wrap:wrap;
}

.minasama>li:nth-child(1)>ul>li{
background: #ffd800;
margin-right: 20px;
padding: 5px 10px;
font-size: var(--kihon-font) ;

	}

.minasama>li:nth-child(1)>div{
font-size: : calc(var(--kihon-font) - 0.2rem);

}


.minasama>li:nth-child(2)>img{
width: 100%;
height: auto;
}



.minasama>li:nth-child(2){
width: 45%;
margin-left: 5%;
}






.otoiawase_bar{
	background: #33a800;
	padding: 30px 0;
}

.otoiawase_bar>ul{
max-width: calc(var(--main-width) - 350px);
margin: 0 auto;
display: flex;
flex-wrap: wrap;
	}

	.otoiawase_bar>ul>li{
width: 48%;
background: white;
border-radius: 10px;
padding: 20px;

box-sizing: border-box;
	}

		.otoiawase_bar>ul>li:nth-child(1){
margin-right: 4%;
		}

		.otoiawase_bar>ul>li:nth-child(1)>ul{
			display: flex;
			flex-wrap: wrap;


			margin: 0 auto;
			width: 100%;
		}

.otoiawase_bar>ul>li:nth-child(1)>ul>li:nth-child(1){
width: 20%;
}

.otoiawase_bar>ul>li:nth-child(1)>ul>li:nth-child(2){
width: 80%;
}







.otoiawase_bar>ul>li:nth-child(1)>ul>li:nth-child(1)>img{
width: 100%;
height: auto;
max-width: 72px;
padding-top: 10px;
padding-right: 15px;
}

.otoiawase_bar>ul>li:nth-child(1)>ul>li:nth-child(2)>div:nth-child(1){
text-align: center;
letter-spacing: -0.05em;
font-size: calc(var(--kihon-font) + 1.2rem);
font-weight: bold;
line-height: 120%;
}
.otoiawase_bar>ul>li:nth-child(1)>ul>li:nth-child(2)>div:nth-child(2){
font-size: 34px;
font-size: calc(var(--kihon-font) - 0.2rem);
text-align: center;
line-height: 120%;

}


.otoiawase_bar>ul>li:nth-child(2)>ul{
		display: flex;
		flex-wrap: wrap;

		margin: 0 auto;
}




.otoiawase_bar>ul>li:nth-child(2)>ul>li:nth-child(1){
	width: 20%;
}

.otoiawase_bar>ul>li:nth-child(2)>ul>li:nth-child(2){
	width: 80%;
}






.otoiawase_bar>ul>li:nth-child(2)>ul>li:nth-child(1)>a>img{
width: 100%;
height: auto;
max-width: 51px;
padding-top: 9px;
}

.otoiawase_bar>ul>li:nth-child(2)>ul>li:nth-child(2)>a{
	background: #e60512;
	padding: 5px 10px;
	text-align: center;
	border-radius: 10px;
	color: white;
	display: block;
	font-size: calc(var(--kihon-font) - 0.1rem);
	font-weight: bold;
	text-decoration: none;
}

.otoiawase_bar>ul>li:nth-child(2)>ul>li:nth-child(2)>a:hover{
	background: #c4000b;
}


.otoiawase_bar>ul>li:nth-child(2)>ul>li:nth-child(2){
font-size: : calc(var(--kihon-font) - 0.2rem);

}


.ansin_wrap{
	background:url(../img/yellow_wall_back.webp) #fff66a;
	text-align: center;
	padding: 70px 0;
}

.ansin_wrap>img:nth-child(1){
width: 80%;
height: auto;
max-width: 686px;
margin-bottom: 30px;
}

.ansin_wrap>div{
	background: white;
	width: 80%;
	margin: 0 auto;
	max-width: var(--main-width);
	padding: 35px;
	box-sizing: border-box;
	text-align: left;

}


.ansin_wrap>div>p,
.ansin_wrap>div>p>a{
	font-size: var(--kihon-font) ;
	margin-bottom: 10px;
	line-height: 2.5rem;
}



.ansin_wrap>div>p>span{
	 background: linear-gradient(transparent 85%, #ffd800 85%);
	}




.const{
	background: url(../img/water_wall_back.webp) #e3fffd;
	padding: 70px 0;
	text-align: center;
}

.const>img{
width: 100%;
height: auto;

max-width: 422px;

	}



.kagi_kakko {
	padding: 35px;
	position: relative;
	background: white;
	width: 80%;
	margin: 0 auto 30px auto;
		max-width: var(--main-width);
		text-align: left;
		box-sizing: border-box;
}

.kagi_kakko:last-child {
margin-bottom: 0;
}

.kagi_kakko::before, .kagi_kakko::after {
	content: '';
	width: 30px;
	height: 30px;
	position: absolute;
}

.kagi_kakko::before {
	border-left: solid 2px #3be4d8;
	border-top: solid 2px #3be4d8;
	top: 0;
	left: 0;
}

.kagi_kakko::after {
	border-right: solid 2px #3be4d8;
	border-bottom: solid 2px #3be4d8;
	bottom: 0;
	right: 0;
}

.kagi_kakko>div:nth-child(1){
	font-size: calc(var(--kihon-font) + 0.2rem);
	border-left: 4px solid #3be4d8;
	padding-left: 10px;
	margin: 0 0 15px 0;
	font-weight: bold;
}

.kagi_kakko>div:nth-child(2){
font-size: var(--kihon-font);
line-height: 2rem;

	}

	.kagi_kakko>ul:nth-child(2){
display: flex;
flex-wrap:wrap;
	}

	.kagi_kakko>ul:nth-child(2)>li{
font-size: var(--kihon-font);
margin-right: 10px;
background: #e3fffd;
border-radius: 10px;
padding: 5px 10px;
margin-bottom: 15px;
	}



.exam{
	padding: 70px 0;
}




.exam>ul{

max-width: var(--main-width);
width: 90%;
margin: 0 auto;
display: flex;

flex-wrap: wrap;
 justify-content: space-around;
}

.exam>ul>li{
width: 49%;

margin-right: 2%;
box-sizing: border-box;
margin-bottom: 70px;
}

.exam>ul>li:nth-child(2){
margin-right: 0;
	}


	.exam>ul>li:last-child{
margin-bottom: 0;
	}


.exam>ul>li>ul>li:nth-child(1)>img{
width: 100%;
height: auto;
margin-bottom: 10px;
}

.exam>ul>li>ul>li:nth-child(2)>div:nth-child(1){

	font-size: calc(var(--kihon-font) + 0.2rem);
	background: linear-gradient(transparent 75%, #fcff00 75%);
	margin-bottom:15px;
	line-height: 1.5rem;
	font-weight: bold;
}


.exam>ul>li>ul>li:nth-child(2)>div:nth-child(2){

	font-size: var(--kihon-font);
	line-height: 2rem;

}


.customer{
	padding: 70px 0;
	background: url(../img/custom_wall_back.webp) #3cc0d3;
}


.customer>ul{

    width: 80%;
    margin: 0 auto 30px auto;
    max-width: var(--main-width);
    display: flex;
    flex-wrap: wrap;

}

.customer>ul>li{
	display: flex;
	flex-wrap:wrap;
width: 100%;
margin-bottom: 30px;

}


.customer>ul>li:nth-child(2n){
	flex-direction: row-reverse;
}



.customer>ul>li>div:nth-child(1){
width: 10%;

vertical-align: middle;
margin: auto 0;
}

.customer>ul>li>div:nth-child(1)>img{
width: 100%;
height: auto;
	}

.customer>ul>li>div:nth-child(2){
width: 88%;
padding: 35px;
box-sizing: border-box;
background: white;
  position: relative;
  	font-size: var(--kihon-font);
  	line-height: 2rem;
}

.customer>ul>li:nth-child(2n-1)>div:nth-child(2):before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -15px;
  top: 40%;
  border-right: 15px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.customer>ul>li:nth-child(2n)>div:nth-child(2):before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: -15px;
  top: 40%;
  border-left: 15px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}




.customer>ul>li:nth-child(2n-1)>div:nth-child(1){
margin-right: 2%;

}

.customer>ul>li:nth-child(2n)>div:nth-child(1){
margin-left: 2%;
}






.flow{
	padding: 70px 0;
	background: url(../img/flow_wall_back.webp) #ffffd1;
}


.flow>ul{

    width: 80%;
    margin: 0 auto 30px auto;
    max-width: var(--main-width);
    display: flex;
    flex-wrap: wrap;

}

.flow>ul>li{
width: 49%;
background: white;
margin-right: 2%;
box-sizing: border-box;
border-top: 4px solid #fabe02;
margin-bottom: 50px;
padding: 20px;
}

.flow>ul>li:nth-last-of-type(1),
.flow>ul>li:nth-last-of-type(2){
margin-bottom: 0;
}



.flow>ul>li:nth-child(2n){
	margin-right: 0;
}


.flow>ul>li>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.2rem);
padding-bottom: 5px;
border-bottom: 1px solid #ffd800;
margin-bottom: 5px;
font-weight: bold;
}

.flow>ul>li>div:nth-child(1)>span{
display: inline-block;
background: #ffd800;
border-radius: 5px;
padding: 0 5px;
margin-right: 10px;
	}


	.flow>ul>li>div:nth-child(2){
font-size: var(--kihon-font);
line-height: 2rem;
	}





.company{
	padding: 70px 0;
	background: url(../img/wall_wall_back.webp) #c4f1ff;
}


.company>ul:nth-child(1){
    width: 80%;
    margin: 0 auto 30px auto;
    max-width: var(--main-width);
    display: flex;
    flex-wrap:wrap;
}

.company>ul:nth-child(1)>li{
	width: 49%;
	box-sizing: border-box;

}

.company>ul:nth-child(1)>li:nth-child(1){
margin-right: 2%;
}



.company>ul:nth-child(1)>li>img{
width: 100%;
height: auto;
box-shadow: 0px 0px 1px #333;
}




.company>ul:nth-child(2){
    width: 80%;
    margin: 0 auto 30px auto;
    max-width: var(--main-width);
    display: flex;
    flex-wrap:wrap;
    background: white;
}



.company>ul:nth-child(2)>li:nth-child(1){
    width: 70%;

box-sizing: border-box;
}

.company>ul:nth-child(2)>li:nth-child(2){
width: 30%;
padding: 30px;
box-sizing: border-box;
}

.company>ul:nth-child(2)>li:nth-child(2)>img{
width: 100%;
height: auto;
	}


.company>ul:nth-child(2)>li:nth-child(1)>dl{
display: flex;
flex-wrap: wrap;
padding: 30px;
box-sizing: border-box;

}

.company>ul:nth-child(2)>li:nth-child(1)>dl>dt{
font-weight: bold;
width: 25%;
font-size: calc(var(--kihon-font) - 0.2rem);
box-sizing: border-box;
padding: 10px 5px;
border-bottom: 1px solid #333;
}


.company>ul:nth-child(2)>li:nth-child(1)>dl>dd{
width: 75%;
font-size: calc(var(--kihon-font) - 0.2rem);
box-sizing: border-box;
padding: 10px 5px;
border-bottom: 1px solid #333;
}



.contact{
	padding: 70px 0;
	background: url(../img/contact_wall_back.webp) #e9e9e9;
}



.privacy{

	padding: 35px;

	    width: 80%;
    margin: 0 auto;
    max-width: var(--main-width);
    display: flex;
    flex-wrap:wrap;
    background: white;

    max-height: 300px;
    overflow-y: auto;

    box-sizing: border-box;
}


.privacy>div:nth-child(1){

	font-size: calc(var(--kihon-font) + 0.2rem);
	font-weight: bold;
	margin-bottom: 20px;
}

.privacy>div:nth-child(2){
font-size: var(--kihon-font);
margin-bottom: 30px;
	}


	.privacy>dl>dt{

		border-left: 3px solid #5ab5bd;
		padding:10px 0 10px 20px;
			font-size: calc(var(--kihon-font) + 0.2rem);
			font-weight: bold;
			margin-bottom: 10px;
	}



.privacy>dl>dd{
font-size: var(--kihon-font);
margin-bottom: 50px;
	}


	footer{
		text-align: center;
		color: white;
		background: #484848;

		padding: 20px 0;
		font-size: var(--kihon-font);
	}







.thanks_text{

    width: 80%;
    margin: 0 auto 30px auto;
    max-width: var(--main-width);
    display: flex;
    flex-wrap:wrap;
    background: white;

    font-size: var(--kihon-font);
    padding: 35px;
}


.utikesi{
	padding-top: 0;
}