@charset "UTF-8";
/* sp
----------------------------------------------- */
.about .second-text{width:100%;padding: 0;}
.about img{width:100%;}
.about .inner{width:90%;margin: 0 auto;}
.about p{text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;}

.intro{background: url(../images/about/intro-img.jpg)no-repeat top left -55vw;background-size: 300%;margin-bottom: 10vw;}
.intro .textbox{padding-top: 58vw;}
.intro .textbox img{width:80%;margin:0 auto 5%;}
.intro .title{font-size: 6.8vw;font-weight: bold;text-align: center;line-height: 1.2;margin-bottom: 3%;}

.us{margin-bottom:10%}
.us img{margin-bottom: 8%;}
.us .deco{padding-left: 10vw;margin-bottom: 2.5vw;font-size: 5vw;font-family: "Josefin Sans";letter-spacing: 0.4vw;position: relative;display: block;}
.us .deco:before{  content: '';width: 8.5vw;height: 2px;background: #000;position: absolute;top: 1.5vw;left: 0;}
.us .title{font-size:7vw;font-weight: bold;margin-bottom: 5%;}
.us .sub{color:#739ab6;font-weight:bold;font-size: 130%;}

.onayami{background:#ebf3f8;padding:12% 0;}
.onayami .title{text-align:center;font-size: 8vw;font-weight: bold;line-height: 1.4;margin-bottom: 5%;}
.onayami .title span{display:block;background:#739ab6;color:#fff;font-size: 65%;padding: 3% 0;border-radius: 40px;margin-bottom: 3%;line-height: 1;}
.onayami .title em{background: linear-gradient(transparent 60%, #fffdd0 60%);}
.onayami .box > li{padding:5%;background:#fff;margin-bottom:6%;}
.onayami .box img{display:inline-block;width: 15%;vertical-align: middle;}
.onayami .box .sub{display:inline-block;margin-bottom: 0;vertical-align: middle;font-size: 6vw;line-height: 1;margin-left: 3%;font-weight: bold;}
.onayami .tit{text-align:center;margin-bottom: 5%;}
.onayami .items li{background:#ebf3f7;position: relative;margin-bottom: 2%;padding: 3% 1%;font-size: 115%;}
.onayami .items li:before{content: "\f046";margin: 0 1.5vw 0 1.5vw;font-weight: normal;font-family: 'icon';display: inline-block;color:#5c92b6;}
.onayami .box > li:nth-child(2) li{background:#e5f8f3;}
.onayami .box > li:nth-child(2) li:before{color:#518371;}

.message {margin-bottom:12vw;}
.message .bg{background:url(../images/about/message-bg.jpg)no-repeat top center;background-size: 190%;height: 60vw;margin-bottom:5%;}
.message .title{font-family: "Josefin Sans";font-size: 9vw;text-align: center;line-height: 1.2;margin-bottom: 6%;letter-spacing: 2px;}
.message .title b{font-size:4vw;display:block;}
.message ul{margin:5% 0;}
.message li{background:#f6f0e3;font-weight: bold;margin-bottom: 2%;padding: 3%;}

/* PC
----------------------------------------------- */
@media screen and (min-width: 736px) {
.about .inner{width:900px;}

.intro{background:none;position:relative;margin-bottom: 90px;}
.intro .inner{padding: 60px 0;}
.intro .textbox{padding: 50px 50px;width: 480px;margin-left: auto;background: #fff;box-shadow: 0 1px 6px 2px rgb(240 240 240 / 36%);}
.intro .textbox img{width:280px;margin-bottom: 20px;}
.intro .title{font-size: 30px;}
.intro .pic{width: 100%;min-width: 2000px;position: absolute;top: 0;left: 50%;-moz-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);z-index: -1;}
.intro .textbox p{margin-bottom:0;text-align: center;}

.us{margin-bottom: 70px;}
.us .deco{font-size: 20px;padding-left: 80px;letter-spacing: 2px;margin-bottom: 20px;}
.us .deco:before{width:60px;top: 8px;}
.us .title{font-size:30px;margin-bottom: 15px;}
.us .textbox{display:inline-block;width:500px;margin-right: 40px;vertical-align: top;}
.us img{display:inline-block;width:325px;margin-bottom: 0;}
.us .sub{margin-bottom:20px;}

.onayami{padding: 70px 0;}
.onayami .title span{font-size: 24px;width: 500px;margin: 0 auto 10px;padding: 15px;}
.onayami .title{font-size:40px;margin-bottom: 30px;}
.onayami .box{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.onayami .box >li{width:49%;padding: 30px;margin-bottom: 0;}
.onayami .box .sub{font-size: 28px;}
.onayami .items li:before{margin:0 10px 0 10px;}

.message{margin-bottom:80px;}
.message .bg{width: 100%;height: 300px;background: url(../images/about/message-bg.jpg) no-repeat center fixed;background-size: cover;position: relative;padding: 180px 0 0 0;margin-bottom: 0;}
.message .title{font-size: 40px;margin-bottom: 30px;position: relative;z-index: 2;}
.message .title span{position:relative;z-index: 2;}
.message .title b{font-size: 18px;}
.message .title:before{content:"";width: 500px;height: 120px;position: absolute;background: #fff;left: 190px;top: -50px;z-index: 1;}
.message ul{margin:10px 0;}
.message li{display:inline-block;padding: 10px;margin-bottom: 0;} 
.message p{text-align:center;margin-bottom:20px;font-size: 105%;}
}

  /* retina用 ----------------------------------------------- */ 
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
.message .bg{background: url(../images/about/message-bg@2x.jpg) no-repeat center fixed;background-size: cover;} 
}