@import url("style.css");


/********************「追加＆複数者で書き込む場合などのCSSファイル」**********************







**********作業者名（例：inoue）＆デバイス（例：PC）＆要素（component）を記述**********/



/***** 作業者sato_PC--Layout ******/

.kv-img img {
	width: 100%;
}

a, a .img-desc  {
	color: #0000ff;
}

.w100 {
	width: 100%;
}

.common-unit {
  margin-top: 8em;
}

.flex2 {
	flex-wrap: wrap;
}

.common-unit .flex1 {
    margin-top: 2em;
}

p > a {
	text-decoration: underline;
}

.img-desc {
	color: #333;
	text-align: center;
	display: block;
}

.flex1 div img {
	width: 100%;
}

iframe {
	width: 100%;
}

.app-box, .webadv-box {
	display: flex;
	width: 84%;
	margin: 2em auto 0;
}

.webadv-box {
	width: 100%;
}

.webadv-box img {
	width: 100%;	
}

.app-box div:first-child {
	width: 67.5%;	
}

.app-box div:last-child {
	width: 32.5%;
	padding: 1.5em 0 0 3em;
	box-sizing: border-box;
	text-align: left;
}

.appimage {
	margin-bottom: 1.3em;
}

.webadv-box div:first-child {
	width: 60%;	
}

.webadv-box div:last-child {
	width: 40%;	
	padding-left: 1.5em;
}

.harfbox div {
	width: 50% !important;
	box-sizing: border-box;
}

.harfbox .item2 {
	padding: 0 0 0 4em;
	text-align: center;
}

.border-box {
	border: 1px solid #09C2A6;
	box-sizing: border-box;
	padding: 2em 4em;
}

.box-list {
	list-style: none;
}

.box-list li {
	background: url(/wpv2/img/list-icon.jpg) center left no-repeat;
	padding-left: 1em;
}

.column3-box div:nth-child(3n) {
	margin-right: 0;
}




.two-tiered-box02{
width:711px;	
display:flex;
justify-content:center;
flex-wrap: wrap;	
align-items: center;	
text-align: center;
margin:0 auto;	
}
.two-tiered-box02 .flex-item-03{
display: flex;
flex-direction: column;		
width: calc(100% / 3 - 0em);
margin: 0em 0 0 0em;
}
	



.two-tiered-box {
	max-width: 	710px;
	margin: 2em auto;
}

.two-tiered-box > div > img {
	width: 100%;
}

.two-tiered-box > div:last-child {
	display: flex;
	justify-content: space-between;
	margin-top: 0.5em;
}

.two-tiered-box > div:last-child > div {
	width: 	calc(100%/3 - 0.5em);
}

.enclosure-link {
	margin-top: 3em;
}

.enclosure-link + p.unit-txt {
	text-align: center;
}

/***** 作業者sato_smart--Layout ******/

@media print,screen and (max-width: 768px) {
	.common-unit {
	  margin-top: 4em;
	}

	.app-box {
		width: 100%;
		padding: 0 1em;
	}

	.appimage {
		margin-bottom: 	0.3em;
	}

	.app-box div:last-child {
		width: 30%;
		padding: 0 0 0 1em;
	}

	.harfbox .item2 {
		padding: 0 0 0 2em;
	}

	.border-box {
		margin: 0 1em;
		padding: 2em 1em;
	}

	.two-tiered-box {
		width: 	80%;
	}
}
/***** 作業者●●_PC--Layout ******/
@media print,screen and (min-width: 768px) {
.agrimighty{
    display:block;
    width:60%;
    margin:8% auto 0 auto;
}
	
}


/***** 作業者●●_SAMRT--Layout ******/
@media screen and (max-width: 767.98px) {
	
	
.two-tiered-box02{
width:100%;	
display:flex;
justify-content:center;
flex-wrap: wrap;	
align-items: center;	
text-align: center;
margin:0 auto;	
}
.two-tiered-box02 .flex-item-03{
display: flex;
flex-direction: column;		
width: calc(100% / 3 - 0em);
margin: 0em 0 0 0em;
}	
	
	
}



























/***** 作業者nitta_PC--Layout ******/
@media print,screen and (min-width: 768px) {
.agrimighty{
    display:block;
    width:60%;
    margin:8% auto 0 auto;
}

.jirei02 .unit-t2 h3{
    border-bottom: 1px solid #44DCA8;
}

.jirei03 .unit-t2 h3{
    border-bottom: 1px solid #44DCA8;
}

.jirei05 .gyoumu h3{
    margin-bottom:8%;
}

.jirei05 .gyoumu{
    max-width:80%;
    padding:5%;
    margin:10% auto;
    border:#fbb03b solid 1px;
}
.jirei05 .gyoumutxt{
    max-width:80%;
    padding:1% 0;
    margin:0 auto;
    text-align:left;
}

.jirei05 .gyoumutxt:first-letter{
    color:#fbb03b;
}

.jirei06 .unit-t2 h3{
    border-bottom: 1px solid #C5B1E6;
}
.jirei06 unit-txt{
    padding-bottom:5%;
}

.jirei6kinen{
    text-align:left;
    margin-bottom:5%;
}
}


/***** 作業者nitta_SAMRT--Layout ******/
@media screen and (max-width: 767.98px) {
.agrimighty{
    display:block;
    width:60%;
    margin:8% auto 0 auto;
}
.jirei02 .unit-t2 h3{
    border-bottom: 1px solid #44DCA8;
}

.jirei03 .unit-t2 h3{
    border-bottom: 1px solid #44DCA8;
}

.jirei05 .gyoumu h3{
    margin-bottom:8%;
}

.jirei05 .gyoumu{
    max-width:80%;
    padding:5%;
    margin:10% auto;
    border:#fbb03b solid 1px;
}
.jirei05 .gyoumutxt{
    max-width:80%;
    padding:1% 0;
    margin:0 auto;
    text-align:left;
}

.jirei05 .gyoumutxt:first-letter{
    color:#fbb03b;
}

.jirei06 .unit-t2 h3{
    border-bottom: 1px solid #C5B1E6;
}
.jirei06 unit-txt{
    padding-bottom:5%;
}

.jirei6kinen{
    text-align:left;
    margin-bottom:5%;
}

}











/*************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
**************************************************************
***********************▼▼▼▼▼▼▼▼▼▼▼▼▼▼*************************
*************************************************************/