photophotophoto@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap');


/*----------------------------------------------------
   定型
----------------------------------------------------*/
/* --------  PC調整   --------*/
@media screen and ( min-width:800px) {
}
/* --------  タブレット調整   --------*/
@media screen and ( max-width:799px) {
}
/* --------  スマホ調整   --------*/
@media screen and ( max-width:599.9px) {
}


/*----------------------------------------------------
   アクセス方法
----------------------------------------------------*/
/* --------  PC調整   --------*/
@media screen and ( min-width:800px) {
.root-subpage-box {
	flex-flow: column;
}
}
.root {
	margin: 0px auto 5px;
	max-width: 900px;
	border: solid 1px #ddbea9;
}
.root h4 {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    width: 100%;
	/*background-color: #ddbea9;
	color: #FFF;*/
	border-bottom: solid 1px #ddbea9;
	background-color: #fef2e9;
	padding: 15px 10px;
	box-sizing: border-box;
}
.root-tab h4 {
    font-size: 18px;
	/*background-color: #fde9db;*/
	border-bottom: double 3px #ddbea9;
}
.root .root-list li {
	display: flex;
	padding: 25px 4%;
	box-sizing: border-box;
	justify-content: space-between;
	align-items: center;
	border-bottom: dashed 1px #ddbea9;
}
.root .root-list li:last-of-type {
	border-bottom: none;
}
.root .root-list li .root-pht {
	width: 40%;
}
.root .root-list li .root-txt {
	width: 55%;
}
.root .root-list li .root-txt strong {
	font-size: 18px;
}
.root .root-list li .root-txt .root-arrow-red {
	background-color: red;
	color: #FFF;
	display: inline-block;
	padding: 0 5px;
}
.root .root-list li .root-txt .root-arrow-yellow {
	background-color: yellow;
	display: inline-block;
	padding: 0 5px;
}

.root .content {
    display: none;
}
.root .content.show {
    display: block;
}

.root .tab-menu {
    display: flex;
	width: 100%;
	border-bottom: solid 1px #ddbea9;
}
.root .tab-menu .tab {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	box-sizing: border-box;
	padding: 15px 10px;
    font-size: 22px;
    font-weight: 400;
	background-color: #f5f3f1;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.root .tab-menu .tab:after {
	content: "";
	width: 8px;
	height: 8px;
	border-bottom: solid 1px #443a23;
	border-right: solid 1px #443a23;
	transform: rotate(45deg);
	margin-left: 10px;
}
.root .tab-menu .tab:first-of-type {
	border-right: solid 1px #ddbea9;
}
.root .tab-menu .tab:first-of-type.active {
	background-color: #ffd2d2;
	cursor: default;
}
.root .tab-menu .tab:last-of-type.active {
	background-color: #fffad2;
	cursor: default;
}

/* --------  PC調整   --------*/
@media screen and ( min-width:600px) {
.root .tab-menu .tab:first-of-type:hover {
	background-color: #ffe0e0;
}
.root .tab-menu .tab:last-of-type:hover {
	background-color: #fffce8;
}
.root .tab-menu .tab.active:first-of-type:hover {
	background-color: #ffd2d2;
}
.root .tab-menu .tab.active:last-of-type:hover {
	background-color: #fffad2;
}
}
/* --------  タブレット調整   --------*/
@media screen and ( max-width:799px) {
.root h4 {
    font-size: 18px;
}
.root-tab h4 {
    font-size: 16px;
}
.root .root-list li {
	padding: 25px 2%;
}
.root .root-list li .root-txt strong {
	font-size: 15px;
}
.root .tab-menu .tab {
    font-size: 16px;
}
.root .tab-menu .tab:after {
	width: 6px;
	height: 6px;
}
}
/* --------  スマホ調整   --------*/
@media screen and ( max-width:599.9px) {
.root .root-list li {
	display: flex;
	flex-flow: column;
	justify-content: center;
}
.root .root-list li .root-pht {
	width: 80%;
	margin-bottom: 20px;
}
.root .root-list li .root-txt {
	width: 90%;
}
}






/*----------------------------------------------------
　アニメーション
----------------------------------------------------*/

.root.animation {
    opacity: 0;
}
.root.isActive {
    animation: fadeup .8s .5s 1 ease-out both;
}
.root:first-of-type.isActive {
    animation: fadeup .8s 1s 1 ease-out both;
}



