@charset "UTF-8";
.content-wrap { padding:0 5vw; background-color: #ffffff;}.content-wrap img { width: auto; max-width: 100%; height: auto;}.content-wrap h2 { font-size: 130%;}.point h3 { font-size: 120%; padding:1rem 0.5rem ; background: linear-gradient(to bottom, #f5d890, #b78300);}
.point { border:2px solid #b78300;}
#point2 { background-color: #f4c653;}
#point2_text { line-height:2.5vw;}
#fukidashi { border-radius: 20px;}
#point4_bg { background-image: url("../img/bg-point4.jpg"); background-size: cover; background-attachment: fixed; height:30vw;}
#kind h3 { font-size: 130%; border-bottom: 1px solid #0c5460;}
#parts h3 { background-color: rgba(28,50,88,1);}
.fa-circle { font-size: 30%;}
@media (min-width: 768px){.point { height:30vw;}}
@media (min-width: 767px){#point4-text { position: absolute; top:30px; right: 0; z-index: 999;}
#point4-text:before { content: ''; position: absolute; right: -5px; bottom: -5px; display: inline-block; width: 51%; height: 5px; -webkit-transform: translateX(0); transform: translateX(0); background-color: #ADADAD;}
#point4-text { border-right:5px solid #ADADAD;}}
@media (min-width: 1300px){ #contents { font-size: 1.1rem; }}@media (max-width: 767px){ #contents { padding: 0; } .content-wrap { padding: 0 5vw; } #point2_text { line-height:7vw; } .point3 h3 { font-size:1rem; border-bottom:2px solid #000; padding-bottom:0.5rem; }}