@charset "utf-8";
/*PC用CSS(ipad mini 7.9インチ対応)*/
.eyecatch002{
	background-image: url(../img/sell/sell01.jpg);
}
@media only screen and (max-width: 767px) {
	.eyecatch002{
		background-image: url(../img/sell/sell01_sp.jpg);
	}
}
.contents001{
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	padding: 25px 0 82px;
}
@media only screen and (max-width: 767px) {
	.contents001{
		padding: 20px 0 63px;
	}
}
.contents001 .contents001-inner{
	width: 90%;
	max-width: 980px;
	height: auto;
	display: block;
	margin: 0 auto;
}
.contents001 .contents001-inner h2{
	font-size: 30px;
	line-height: 40px;
	font-weight: 800;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	text-align: center;
	margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner h2{
		font-size: 24px;
		line-height: 34px;
		margin: 0 auto 13px;
	}
}
.contents001 .contents001-inner .text00{
	font-size: 15px;
	line-height: 25px;
	display: block;
	margin: 0 auto 70px;
	text-align: center;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner p{
		margin: 0 auto 25px;
	}
}
.contents001 .contents001-inner .contents01{
	width: auto;
	height: auto;
}
.contents001 .contents001-inner .contents01 h3{
	font-size: 30px;
	line-height: 40px;
	font-weight: 800;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	text-align: center;
	margin: 0 auto 40px;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner .contents01 h3{
		font-size: 24px;
		line-height: 34px;
		margin: 0 auto 20px;
	}
}
.contents001 .contents001-inner .contents01 ul{
	width: 100%;
	max-width: 980px;
	height: auto;
	margin: 0 auto;
	display: block;
}
.contents001 .contents001-inner .contents01 ul li{
	box-sizing: border-box;
	width: 100%;
	height: auto;
	padding: 60px;
	margin: 44px auto 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	background-color: #FAF5E2;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner .contents01 ul li{
		padding: 33px 5%;
		margin: 30px auto 0;
	}
}
.contents001 .contents001-inner .contents01 ul li:nth-child(1){
	margin: 0 auto;
}
.contents001 .contents001-inner .contents01 ul li img{
	width: 239px;
	height: auto;
	margin: 0;
	display: block;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner .contents01 ul li img{
		width: 45%;
	}
}
.contents001 .contents001-inner .contents01 ul li .text{
	width: 100%;
	max-width: 576px;
	height: auto;
	margin: 0;
	display: block;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner .contents01 ul li .text{
		margin: 17px auto 0;
	}
}
.contents001 .contents001-inner .contents01 ul li h3{
	font-size: 25px;
	line-height: 25px;
	font-weight: 800;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	margin: 0 auto 20px;
	text-align: left;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner .contents01 ul li h3{
		width: 50%;
		font-size: 21px;
		line-height: 31px;
		margin: 0;
	}
}
.contents001 .contents001-inner .contents01 ul li p{
	font-size: 15px;
	line-height: 30px;
	display: block;
	margin: 0;
	text-align: left;
}

@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner .contents01 ul li p{
		font-size: 14px;
		line-height: 24px;
	}
}
.contents001 .contents001-inner .contents02{
	width: auto;
	height: auto;
}
@media only screen and (max-width: 767px){
	.contents001 .contents001-inner .contents02{
		margin-top: 70px;
	}
}
.contents001 .contents001-inner .contents02 h3{
	font-size: 30px;
	line-height: 40px;
	font-weight: 800;
	font-family: 'Noto Sans JP', sans-serif;
	display: block;
	text-align: center;
	margin: 110px auto 40px;
}
@media only screen and (max-width: 767px) {
	.contents001 .contents001-inner .contents02 h3{
		font-size: 24px;
		line-height: 34px;
		margin: 0 auto 20px;
	}
}
.contents02 .contents02_01{
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #F2F1ED;
	border-radius: 20px;
	padding: 30px 45px;
	box-sizing: border-box;
}
.contents02 .contents02_01:first-of-type{
	margin-bottom: 58px;
	position: relative;
}
.contents02 .contents02_01:first-of-type::after{
	content:'';
	display: block;
	width: 46px;
	height: 21px;
	background-image: url(../img/sell/arrow01.png);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	bottom: -40px;
	left:0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01:first-of-type::after{
		content: '';
		display: block;
		width: 31px;
		height: 14px;
		background-image: url(../img/sell/arrow01.png);
		background-repeat: no-repeat;
		background-size: 100% auto;
		position: absolute;
		bottom: -40px;
		left: 0;
		right: 0;
		margin: auto;
	}
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01{
		width: 100%;
		height: auto;
		margin: 0 auto;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		padding: 25px 15px;
		position: relative;
	}
	.contents02 .contents02_01::before{
		content:'';
		display: block;
		width: 31px;
		height: 14px;
		background-image: url(../img/sell/arrow01.png);
		background-repeat:no-repeat; 
		background-size: 100% auto;
		position: absolute;
		bottom: -40px;
		left:0;
		right: 0;
		margin: auto;
	}
}
.contents02 .contents02_01 .inner01{
	width: auto;
	height: auto;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 57px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .inner01{
		gap: 27px;
		margin: 0 auto;
		flex-direction: row-reverse;
		width: 100%;
		max-width: 395px;
		position: relative;
	}
}
.contents02 .contents02_01 .inner01 img{
	width: 156px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .inner01 img{
		width: 80px;
		height: auto;
		position: absolute;
		top: -45px;
		right: -5px;
	}
	.contents02 .contents02_01:nth-of-type(2) img{
		top: 75px;
		right: -5px;
	}
}
.contents02 .contents02_01 .inner01 .inner02{
	width: auto;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .inner01 .inner02{
		display: flex;
		flex-flow: column;
		align-items: center;
		margin: 0 auto;
	}
}
.contents02 .contents02_01 .inner01 .inner02 h4{
	font-size: 24px;
	letter-spacing: 0.03em;
	margin-bottom: 15px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .inner01 .inner02 h4{
		font-size: 24px;
		line-height: 34px;
		letter-spacing: 0.03em;
		margin-bottom: 10px;
	}
}
.contents02 .contents02_01 .inner01 .inner02 .text01{
	font-size: 15px;
	line-height: 16px;
	font-weight: 500;
	letter-spacing: 0.03em;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .inner01 .inner02 .text01{
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 0.03em;
		margin-bottom: 0;
	}
}
.contents02 .contents02_01 .inner01 .inner02 .text02{
	font-size: 19px;
	line-height: 20px;
	font-weight: 500px;
	letter-spacing: 0.03em;
	color: #E35B06;
	text-decoration: underline;
	margin-top: 15px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 .inner01 .inner02 .text02{
		font-size: 15px;
		line-height: 20px;
		margin-top: 10px;
	}
}
.contents02 .contents02_01 ul{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 11px;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul{
		flex-direction: initial;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		gap: 10px;
		margin: 0 auto;
		width: 100%;
		max-width: 280px;
	}
}
.contents02 .contents02_01 ul li{
	width: 175px;
	height: auto;
	background-color: #E2E9F0;
	border-radius: 34px;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.03em;
	color: #004098;
	padding: 6px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 767px){
	.contents02 .contents02_01 ul li{
		width: 100%;
		height: auto;
		background-color: #E2E9F0;
		border-radius: 34px;
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 0.03em;
		color: #004098;
		padding: 6px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
}

/* ======== PC：デフォルトスタイル（ベース） ======== */

.tab-wrapper{
	width: 100%;
	height: auto;
	margin-top: 60px;
}
@media only screen and (max-width: 767px){
	.tab-wrapper{
		margin-top: 56px;
	}
}
.tab-buttons {
    display: none;
}

.tab-contents {
	width: 100%;
	height: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.tab-contents .tab-content{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	gap: 56px;
}
.tab-contents .tab-content .tab_inner{
	width: 467px;
	height: auto;
	background-color: #F2F1ED;
	border-radius: 20px;
	position: relative;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner{
		width: 100%;
		border-radius: 20px;
		position: relative;
	}
}
.tab-contents .tab-content .tab_inner::before{
	content:'';
	display: block;
	width: 46px;
	height: 21px;
	background-image: url(../img/sell/arrow01.png);
	background-repeat:no-repeat; 
	background-size: 100% auto;
	position: absolute;
	top: -40px;
	left:0;
	right: 0;
	margin: auto;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner::before{
		display: block;
		width: 31px;
		height: 14px;
		top: -30px;
	}
	.tab-contents .tab-content .tab_inner.top::before{
		display: none;
	}
}

.tab-contents .tab-content .tab_inner .tab_text01{
	width: 100%;
	height: 65px;
	border-radius: 20px;
	background-color: #004098;
	font-size: 23px;
	line-height: 33px;
	font-weight: 800;
	letter-spacing: 0.03em;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner .tab_text01{
		display: none;
	}
}
.tab-contents .tab-content .tab_inner .tab01{
	width: 100%;
	height: 200px;
	padding: 30px 40px 30px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 46px;
}
.tab-contents .tab-content .tab_inner .tab00{
	height: 200px;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner .tab00{
		height: auto;
	}
}

@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner .tab01{
		padding: 20px;
		height: auto;
		flex-direction: column;
		align-items: center;
		gap: 10px;
	}
}
/*.tab-contents .tab-content .tab_inner.top .tab01{
	padding: 0 40px 35px;
}*/
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner.top .tab01{
		padding: 20px;
	}
}
.tab-contents .tab-content .tab_inner .tab01.item{
	gap: 30px;
	align-items: center;
}
.tab-contents .tab-content .tab_inner .tab01 .tab01_01{
	width: auto;
	height: auto;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner .tab01 .tab01_01{
		width: 100%;
		max-width: 395px;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
.tab-contents .tab-content .tab_inner .tab01 .tab01_01 h4{
	font-size: 24px;
	line-height: 34px;
	letter-spacing: 0.03em;
	margin-bottom: 10px;
}
.tab-contents .tab-content .tab_inner .tab01 .tab01_01 .text01{
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.03em;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner .tab01 .tab01_01 .text01{
		margin-bottom: 0;
	}
}
.tab-contents .tab-content .tab_inner .tab01 .tab01_02{
	width: 175px;
	height: auto;
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	gap: 11px;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner .tab01 .tab01_02{
		width: 100%;
		max-width: 280px;
	}
}
.tab-contents .tab-content .tab_inner .tab01 .tab01_02 li{
	width: 100%;
	height: auto;
	background-color: #E2E9F0;
	border-radius: 34px;
	font-size: 15px;
	line-height: 25px;
	letter-spacing: 0.03em;
	color: #004098;
	padding: 6px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.tab-contents .tab-content .tab_inner .tab01 img.item05{
	width: 129px;
	height: auto;
	display: block;
}
@media only screen and (max-width: 767px){
	.tab-contents .tab-content .tab_inner .tab01 img.item05{
		width: 190px;
		height: auto;
		display: block;
	}
}


/* ======== SP：768px未満で切り替え（タブ＆フェード切り替え） ======== */
@media screen and (max-width: 767px) {
    .tab-buttons {
    	width: 100%;
    	height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .tab-button {
    	width: 50%;
    	height: 50px;
    	display: flex;
        flex: 1;
        justify-content: center;
        align-items: center;
        background: #eee;
        border: none;
        font-weight: bold;
        cursor: pointer;
        position: relative;
        font-size: 15px;
        line-height: 16px;
    }

    .tab-button.active {
        background: #004098;
        color: #fff;
    }
     .tab-button.active::after{
     	content:'';
     	display: block;
     	width: 31px;
     	height: 14px;
     	background-image: url(../img/sell/arrow01.png);
     	background-repeat:no-repeat; 
     	background-size: 100% auto;
     	position: absolute;
     	bottom: -14px;
     	left:0;
     	right: 0;
     	margin: auto;
     }

    .tab-contents {
        position: relative;
        display: block;
    }

    .tab-content {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.4s ease, visibility 0.4s ease;
    }

    .tab-content.active {
        position: static;
        opacity: 1;
        visibility: visible;
    }
}





/*iPad 縦横両方*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

/*iPad 縦向きのみ*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
}

/*SP用CSS(ipad mini 7.9インチ未対応)*/
@media only screen and (max-width: 767px) {
}