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

.freedesign img {max-width:100%;height:auto;display:block;}
.first_section h3 {font-weight:bold;margin:2.5em 0 .5em;font-size:1.5em;line-height:1.5;letter-spacing:.05em;}
.first_section h3 span {font-size:1.3em;display:block;}
.first_section .box {background:#efefef;padding:30px 0;text-align:center;margin:2em 0;line-height:1.8;}
.first_section .box h4 {font-weight:bold;font-size:1.2em;margin-bottom:.5em;}

.movie_area {max-width:640px;width:100%;margin:0 auto;}
.movie_area > div {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}
.movie_area > div iframe {width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
.movie_area .caption {text-align:center;margin-top:.5em;}

.second_section {margin:80px 0;}
.second_section h3 {font-size: 1.4em;font-weight: bold;padding-left: 25px;border-bottom: 1px solid #d2d2d2;padding-bottom: 1em;margin-bottom: 1.2em;position:relative;line-height:1;}
.second_section h3:before {content:"";background: url(../../../images/icon01.png) no-repeat 0 0;background-size:cover;position:absolute;left:0;top:0;display:block;width:20px;height:20px;}
.second_section h3 i {font-style:normal;vertical-align: super;font-size:.5em;}

.details01 img {max-width:750px;margin:0 auto;}
.details02 .box {margin-top:30px;}
.details02 .box h4 {color:#c30117;font-weight:bold;margin-bottom:.5em;}
.details03 .scene {display:flex;flex-wrap:wrap;width:103%;margin-left:-1.5%;}
.details03 .scene li {width:30.33%;margin:0 1.5%;}
.details03 .scene .midashi {background:#0099da;line-height:2.5;font-size:1.2em;font-weight:bold;letter-spacing:.1em;text-indent:.1em;position:relative;text-align:center;color:#fff;margin-bottom:15px;}
.details03 .scene .midashi:after {content:"";width: 0;height: 0;border-style: solid;border-width: 10px 10px 0 10px;border-color: #0099da transparent transparent transparent;position:absolute;left:0;right:0;margin:auto;bottom:-10px;}
.details03 .scene img {margin-bottom:1em;}
.details03 .scene b {color:#0099da;}

.linkbtn {width: 18em; margin: 0 auto 100px;font-size:1.1em;}
.linkbtn a {background:#c30117;color:#fff;line-height:3.5;display:block;text-align:center;position:relative;}
.linkbtn a:after {content:"\f3d3";font-family:'ionicons';position:absolute;right:1em;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.linkbtn a:hover {opacity:.7;}

@media screen and (min-width:737px) {
.freedesign {font-size:14px;line-height:1.7;margin-bottom:100px;}
}

@media screen and (max-width:736px) {
#breadcrumbsArea {margin-bottom:0;}

.first_section {padding:0 3%;}
.first_section h3 {margin: 1.5em 0 1em;font-size: 1.2em;}

.first_section .box {padding: 5%;text-align:left;}
.first_section .box h4 {font-size: 1.05em;}

.second_section { margin: 12% 0;padding: 0 3%;}
.second_section h3 {font-size:1.2em;}
.second_section h3:before {width: 18px;height: 18px;}
.details02 .box {margin-top: 1.5em;}
.details03 .scene li {width: 100%;margin: 0 0 2em;}
.details03 .scene {display: block;flex-wrap: nowrap;width: 100%;margin-left: 0;}
.details03 .scene img {margin-bottom: 1em;width: 42%;float: left;}
.details03 .scene img + p {float:right;width:55%;}
.details03 .scene li:after {content:"";display:block;clear:both;}
.details03 .scene .midashi {font-size:1em;margin-bottom: 22px;}
}