@charset "UTF-8";

/*
======== table of content. ===============
summary:ページ要素（PC）
====================================
*/

#wrapper { padding: 2.5% 2.5% 0 2.5%; }

.anchor { margin-top: -40px; padding-top: 40px; }

/* コンテンツ */
#content { line-height: 160%; }
.sec_contents { margin-bottom: 9.5%; }

.sec_contents a { text-decoration: underline; }
.sec_contents a:hover { opacity: .7; text-decoration: none; }

/*イントロ*/
#intro { margin-top: 7.4%; text-align: center; }
.ttl_intro { margin-bottom: .2em; font-size: 2.4rem; }
.ttl_mission { margin-bottom: 1.5em; color:#939D25; font-weight: normal; }
.ttl_mission span { display: inline-block; padding-top: 1em; border-bottom:2px solid #939D25; }

/*タイトル*/
.ttl_contents { margin-bottom: 1.5em; color:#939D25; text-align: center; }
.ttl_en, .ttl_jp { display: block; }
.ttl_en { margin-bottom: .2em; font-size: 3rem; font-family: 'Open Sans Condensed', sans-serif; }
.ttl_jp { font-weight: 400; }

/*サービス*/
.sec_services { display: flex; justify-content: space-between; margin: 0 12.5% 3em; }
.col_services { width:32.4%; padding: 2em 1em; border:2px solid #939D25; text-align: center; }
.col_services figure { margin-bottom: 1.2em; }
.col_services figure img { width:auto; height: 5.3vw; margin-bottom: .3em; }
.col_services figcaption { color:#939D25; }

#service dl { margin: auto; text-align: center; }
#service dt { margin-bottom: .3em; color:#939D25; font-size: 1.6rem; }

/*取扱い商品*/
.logo_treat { width:29.5%; margin: auto; text-align: center; }

/*会社概要*/
.sec_company { display: flex; justify-content: space-between; margin: 0 12.5%; }
.col_company { width:49.3%; }

.sec_company dl { display: flex; margin-top: .3em; padding: .2em; border-bottom:1px solid #939D25; }
.sec_company dt { width:30%; font-weight: 700; }
.sec_company dd { width:70%; }

/*卸売・お問い合わせ*/
#wholesale p,
#contact p { text-align: center; }

.link_inquiry{ margin-top: 2em; }

.link_inquiry span { display: inline-block; }
.link_inquiry a { display:block; padding: .3em 1em .3em 2em; background:#939D25 url("../images/icon_mail.svg") no-repeat .3em .4em/22px; color:#fff; font-family: 'Open Sans Condensed', sans-serif; font-size: 2rem; font-weight: 700; text-decoration: none; }

.link_inquiry_img { margin: 2em auto 0; }
.link_inquiry_img { width:25.57%; }


/*アニメーション*/
.sec_anim { opacity: 0; transform: translatey(5%); transition: opacity 1s cubic-bezier(0.250, 0.460, 0.450, 0.940),transform .9s cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.sec_anim_nopos { opacity: 0; transition: opacity 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940); }

.sec_anim.delighter.started,
.sec_anim_nopos.delighter.started { opacity: 1; transform: translatey(0);  }

@media screen and (min-width: 768px) {
}