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

#page_title{
background-image: url(images/pagetitle_bg.jpg);
background-image: -webkit-image-set(url(images/pagetitle_bg.jpg) 1x, url(images/pagetitle_bg@2x.jpg) 2x);
}

/* 中身-モバイルファースト======================================================================================================== */

.top_copy p{
}

#tax_info{
background-color: #ea5504;
padding: 15vw 0;
}
#tax_info .contents_size{
position: relative;
}
#tax_info article{
background-color: #fff;
padding: 20px;
border-radius: 20px;
margin-top: 20px;
}
#tax_info article:first-child{
margin-top: 0px;
}
#tax_info article h4{
font-size: 18px;
font-weight: 700;
color: #ea5504;
}
#tax_info article li{
list-style: disc;
margin-left: 20px;
}

#tax_info .illust{
width: 28vw;
position: absolute;
top: -28vw;
right: 5vw;
}

#under .tax_image .img{
margin-bottom: 10px;
}
#under .tax_image .img:last-child{
margin-bottom: 0px;
}
#under .comment{
display: flex;
align-items: center;
justify-content: center;
margin-top: 40px;
}
#under .comment .illust{
width: 20vw;
}
#under .comment p{
flex: 1;
font-weight: 700;
margin-right: 1em;
position: relative;
}
#under .comment p::before,
#under .comment p::after{
content: "";
display: block;
width: 60px;
height: 2px;
background-color: #111;
position: absolute;
right: 0;
}
#under .comment p::before{
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
top: -10px;
}
#under .comment p::after{
-webkit-transform: rotate(-15deg);
transform: rotate(-15deg);
bottom: -10px;
}


/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

.top_copy{
padding-right: 340px;
}
.top_copy p{
font-size: 18px;
}


#tax_info{
padding: 150px 0;
}
#tax_info .contents_size{
display: flex;
flex-wrap: wrap;
}
#tax_info article{
width: 22%;
margin-top: 4%;
margin-right: 4%;
}
#tax_info article:nth-child(-n+4){
margin-top: 0px;
}
#tax_info article:nth-child(4n){
margin-right: 0;
}

#tax_info .illust{
width: 300px;
top: -440px;
right: 0;
}


#under .tax_image{
display: flex;
justify-content: space-between;
}
#under .tax_image .img{
width: 48%;
margin-bottom: 0;
}


#under .comment .illust{
width: 150px;
}
#under .comment p{
flex: inherit;
font-size: 20px;
}
#under .comment p::before,
#under .comment p::after{
height: 3px;
}


}