.box2 {
    padding: 2.4em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: none;
    border-radius: 10px;
    background-image: url(../images/img-002.png) ;
    background-size: contain;
}
.box2 p {
    margin: 15px 30px; 
    padding: 0;
    line-height: 1.5;
    font-size: 1.3em;
}

.box2-1 {
    padding: .5em 1.2em;
    margin: 2em 0;
    font-weight: bold;
    color: #000;
    border: solid 2px #d7003a;
    border-radius: 10px;
    background: url(../images/common/0002.png) ;
}

.box-sps {
    padding: .2em;
    margin: .2em 0;
    font-weight: bold;
    color: #000;
    border: solid 1px #85672B;
    border-radius: 10px;
}
.box-sps p {
    font-size: 1.2em;
    text-align: center;
}
.box-sps .box-title-sps {
    display: inline-block;
    left: 10px;
    margin: 2px;
    padding: 2px;
    line-height: 1;
    font-size: 19px;
    color: #223a70;
    font-weight: bold;
    border-bottom: solid 3px #85672B;
}

.box-sps .under-line-sps {
    display: inline-block;
    left: 10px;
    margin: 10px;
    padding: 10px;
    line-height: 1;
    font-size: 19px;
    color: #223a70;
    font-weight: bold;
    border: solid 3px #ff84c1;
    border-radius: 10px;
}

.box2-2 {
    padding: 1em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #000;
    border: solid 1px #85672B;
    border-radius: 10px;
    background: url(../images/common/bg_0001.jpg) ;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center;
}
.box2-2 .box-title {
    display: inline-block;
    left: 10px;
    margin: 10px;
    padding: 10px;
    line-height: 1;
    font-size: 19px;
    color: #223a70;
    font-weight: bold;
    border-bottom: solid 3px #85672B;
}

.box2-2 .box-title2 {
    display: inline-block;
    left: 10px;
    margin: 10px;
    padding: 10px;
    line-height: 1;
    font-size: 19px;
    color: #223a70;
    font-weight: bold;
    border-bottom: solid 3px #85672B;
}

.box2-2 .under-line {
    display: inline-block;
    left: 10px;
    margin: 10px;
    padding: 10px;
    line-height: 1;
    font-size: 19px;
    color: #223a70;
    font-weight: bold;
    border: solid 3px #ff84c1;
    border-radius: 10px;
}

.box-medal {
    padding: 0.5em 1em;
    margin: 1em 0 1em 0;
    color: #000;
    border: solid 1px #85672B;
    border-radius: 10px;
}
.box-medal h4 {
    display: inline-block;
    margin: 8px;
    padding: 4px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #c4ff89 70%);
}
.box-medal h5 {
    font-size: 1.2em;
    color: #000;
    border-bottom: dotted 2px #000;
    line-height: 1;
}

.box-medal span {
    display: inline-block;
    margin: 8px;
    padding: 4px;
    font-size: 17px;
    color: #000;
    /* font-weight: bold; */
    /* background: linear-gradient(transparent 70%, #7fbfff 70%); */
}

.box-medal p {
    margin: 0;
    padding: 0px 0;
    line-height: 1.4;
}

.box-medal2 {
    padding: 0.5em 1em;
    margin: 3em 0 3em 0;
    color: #000;
    border: solid 1px #85672B;
    border-radius: 10px;
    font-size: 0.8em;
}
.box-medal2 h4 {
    display: inline-block;
    margin: 8px;
    padding: 4px;
    font-size: 15px;
    color: #000;
    font-weight: bold;
    background: linear-gradient(transparent 70%, #c4ff89 70%);
}

.box-medal2 p {
    margin: 0;
    padding: 4px 0;
    font-size: 1.1em;
}

.box2-3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000;
    border: solid 1px #85672B;
    border-radius: 10px;
}
.box2-3 .box-title {
    display: inline-block;
    margin: 8px;
    padding: 4px;
    font-size: 15px;
    color: #223a70;
    font-weight: bold;
    border-bottom: solid 3px #85672B;
}

.box2-3 .box-title2 {
    display: inline-block;
    left: 10px;
    margin: 10px;
    padding: 10px;
    line-height: 1;
    font-size: 19px;
    color: #223a70;
    font-weight: bold;
    border-bottom: solid 3px #85672B;
}

.box2-3 .under-line {
    display: inline-block;
    left: 10px;
    margin: 10px;
    padding: 10px;
    line-height: 1;
    font-size: 19px;
    color: #223a70;
    font-weight: bold;
    border: solid 3px #ff84c1;
    border-radius: 10px;
}

.box2-3 p {
    margin: 0;
    padding: 4px 0;
    font-size: 1.2em;
}

.box7{
    padding: 0.5em;
    margin: .5em 0;
    color: #000;
    top: 50%;
    left: 50%;
    background: whitesmoke;
    border: solid 1px #17184b;
    border-radius: 10px;
}
.box7 p {
    /* margin: .3em 0; */
    /* padding: 2px; */
}
@media screen and (max-width: 600px) {
	.box7 p {
		margin: .3em 0;
		padding: 2px;
		/* font-size: .8em; */
	}
	.box7 h4 {
		margin: .3em 0; 
		padding: 2px;
		font-size: 1em;
	}
}

.box-fullcustom{
    padding: 0.5em 1em;
    margin: .5em 0;
    color: #000;
    top: 50%;
    left: 50%;
    background: whitesmoke;
    border: 6px solid;
    border-image: linear-gradient(to top left, #F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03);
    border-image-slice: 1;
    border-radius: 10px;
}
.box-fullcustom h2 {
    margin: .5em 0; 
}
.box-fullcustom p {
    margin: .3em 0;
    padding: 5px;
    /* font-size: 1.2em; */
}
@media screen and (max-width: 600px) {
	.box-fullcustom p {
		margin: .3em 0;
		padding: 5px;
		/* font-size: 0.8em; */
	}
}

.box30 {
    margin: 2em 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.6em;
    width: auto;
    background-image: url(../images/common/0001.png) ;
    padding: 5px;
    text-align: center;
    color: #000;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}

.box-contents-medal {
    padding: 0.5em 1.2em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #000;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-medal p {
    margin: 0; 
    padding: 0;
    font-size: 1.18em;
}
.box-contents-01 {
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #ff7f7f;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-01 p {
    margin: 0; 
    padding: 0;
    font-size: 1.2em;
}

.box-contents-02 {
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #ffbf7f;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-02 p {
    margin: 0; 
    padding: 0;
}

.box-contents-03 {
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #ffff7f;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-03 p {
    margin: 0; 
    padding: 0;
}

.box-contents-04 {
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #7fff7f;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-04 p {
    margin: 0; 
    padding: 0;
}

.box-contents-05 {
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #7fffff;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-05 p {
    margin: 0; 
    padding: 0;
}

.box-contents-06 {
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #7f7fff;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-06 p {
    margin: 0; 
    padding: 0;
}

.box-contents-07 {
    padding: 0.5em 0.5em;
    margin: 0.5em 0;
    color: #000;
    border: solid 3px #bf7fff;
    border-radius: 10px;
    background: #f5f5f5;
}
.boxcontents-07 p {
    margin: 0; 
    padding: 0;
}

.box-about{
	margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 3px #1A78BA;
    border-bottom: solid 3px #1A78BA;
}

.box-about:before, .box-about:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #555555;
}
.box-about:before {left: 10px;}
.box-about:after {right: 10px;}
.box-about p {
    margin: 15px 10px; 
    padding: 0;
    line-height: 1.5;
    font-size: 1.3em;
}

@media screen and (max-width: 600px) {
	.box-about p {
		font-size: 1em;
	}
}
.box-concept{
    margin: 1em;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 3px #e2e2e2;
    border-bottom: solid 3px #e2e2e2;
    /* background: #fff; */
}
.box-concept img {
	position: absolute;
	right: 12px;
	bottom: 38px;
}
.box-concept:before, .box-concept:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #e2e2e2;
}
.box-concept:before {left: 10px;}
.box-concept:after {right: 10px;}
.box-concept p {
    margin: 7px 10px; 
    padding: 0;
    line-height: 1.3;
}

@media screen and (max-width: 1024px) {
	.box-concept{
		margin:1em 0;
		position: relative;
		padding: 0.5em 1.5em;
		border-top: solid 3px #B48F43;
		border-bottom: solid 3px #B48F43;
		/* height: 218px; */
	}	
.box-concept img {
		position: absolute;
		right: 25px;
		bottom: 2px;
		z-index: 10;
	}
}

@media screen and (max-width: 800px) {
	.box-concept{
		margin: .5em 0;
		/* position: relative; */
		padding: 0.5em 1.5em;
		border-top: solid 3px #e2e2e2;
		border-bottom: solid 3px #e2e2e2;
		/* height: 430px; */
	}	
.box-concept img {
		position: absolute;
		right: 25px;
		bottom: 2px;
		z-index: 10;
	}
}
.box-concept2 {
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #000;
    background: #FFF;
    border-radius: 10px;
     background-image: url(../images/kizaamu.concept_bg2.png) ;
    background-size: auto;
    background-repeat: no-repeat;
}
.box-concept2 p {
    margin: 10px; 
    padding: 5px;
    line-height: 1.6;
}
.box-concept2 span {
    margin: 3em 0; 
    padding: .5em;
    font-size: 1.8em;
    position: relative;
    top: 5px;
}
.concept-logo {
	position:absolute;
	top: 56px;
    right: 80px;
}

@media screen and (max-width: 600px) {
	.box-concept2 {
		background-image: url(../images/kizaamu.concept_bg2_s.png) ;
	}
	.box-concept2 span {
		font-size: 1.6em;
	}
	.box-concept2 p {
		font-size: .8em;
	}
	.concept-logo {
		position:absolute;
		top: 35px;
		right: 40px;
		width: 30%;
	}
}

.box-item {
	margin: 2em 0;
	padding-bottom: 70px;
	background: #dcefff;
}
.box-item .box-title {
	font-size: 1.5em;
	background: #886A2E;
	padding: 8px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: 0.05em;
}
.box-item p {
	padding: 15px 20px;
	margin: 0;
}

.box-q {
    position: relative;
    margin: 1em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box-q .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 3px 9px;
    height: 25px;
    line-height: 25px;
    font-size: 1.3em;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box-q p {
    margin: 10px 0;
    padding: 0;
    /* font-size: 1.2em; */
}

.box-order-flow {
    padding: .5em;
    margin: 1em 0;
    border: double 5px #4ec4d3;
}
.box-order-flow span {
    margin: 5px; 
    padding: 5px;
    font-size: 1.125em;
    font-weight: bold;
}
.box-order-flow p {
    margin: 0;
    padding: 5px;
}
.box-order-flow2 {
    padding: 1em 1em;
    margin: 2em 0;
    border: double 5px #ffb7db;
    background-color: #ffeff7;
}
.box-order-flow2 span {
    margin: 5px; 
    padding: 5px;
    font-size: 1.125em;
    font-weight: bold;
}
.box-order-flow2 p {
    margin: 0; 
    padding: 10px;
}

.box9 {
    padding: 0.5em .5em;
    margin: 1em 0;
    background: #ffebe9;
}
.box9 p {
    margin: 0; 
    padding: 0;
    font-weight: bold;
}

.box-pricebox {
    padding: 0.5em 1em;
    margin: .5em 0;
    /* font-weight: bold; */
    background: #FFF;
    border: solid 3px #1c305c;/*��*/
    border-radius: 10px;/*�p�̊ۂ�*/
}
.box-pricebox p {
    margin: 0; 
    padding: 0;
}

.box-pricebox2 {
    position: relative;
    margin: .5em 0;
    padding: 0.5em 1em;
    border: solid 3px #dc143c;
    border-radius: 8px;
}
.box-pricebox2 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #000;
    font-weight: bold;
}
.box-pricebox2 p {
    margin: 0; 
    padding: 0;
}