/*
Theme Name: picmoR ver3.0
Description:picmo Rのサービスサイト
Theme URI: https://picmo-r.com/
Author: Passione inc
Author URI: https://la-passione.co.jp/
Version: 2.00
*/



/*default clear設定*/
abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}*,:after,:before{box-sizing:border-box}button{cursor:pointer;cursor:hand}img{vertical-align:bottom}li{list-style-type:none}h1{font-size:1em;-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:nomal}h2,h3,h4{-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;font-weight:400}


/*a href 設定*/
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
}

a {
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}

input[type="submit"] {
  -webkit-appearance: none;
  border-radius: 0;
}

/*端末別設定*/
.pc {
  display: block !important;
}

.sp {
  display: none !important;
}

@media screen and (max-width: 896px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

@media screen and (max-width: 480px) {
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }
}

/*基本設定*/
body, html {
  height: 100%;
}

body {
  -webkit-print-color-adjust: exact;
  border: none;
  padding: 0px;
  margin: 0px;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: medium;
  color: #000000;
  line-height: 1.6em;
  -webkit-text-size-adjust: 100%;
}

#body-wrap {
  overflow-x: hidden;
}

section {
  width: 100%;
}

section .section-wrap {
  width: 94%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

section .contents-wrap {
  padding-left: 2%;
  padding-right: 2%;
  padding-top: 50px;
  padding-bottom: 50px;
}

@media screen and (max-width: 480px) {
  section .contents-wrap {
    padding-left: 0%;
    padding-right: 0%;
  }
}

/*--------------------------
h1,h2,h3,h4
---------------------------*/
h1 {}

h2 {
  text-align: center;
  font-size: 16pt;
  color: black;
  font-weight: bold;
  margin-bottom: 50px;
  line-height: 1em;
}

h3 {
  text-align: center;
  font-size: 36pt;
  color: black;
  margin-bottom: 15px;
  line-height: 1em;
}

h4 {}

h5 {}

h6 {}

.overview {}

@media screen and (max-width: 480px) {
  h2 {
    font-size: 12pt;
  }

  h3 {
    font-size: 30pt;
  }
}

/*--------------------------
共通項目
---------------------------*/
/*ヘッダー*/
header {
  position: fixed;
  width: 100%;
  z-index: 100;
}

header section {
  display: flex;
}

.header-area {}

.header-area h1 {}

.header-area h1 a {
  display: block;
  padding-top: 9px;
  padding-left: 5px;
}

.header-area h1 a img {
  max-width: 120px;
}

header .login-btn {
  margin-left: auto;
  margin-right: 60px;
  width: 60px;
  text-align: center;
}

header .login-btn a {
  background-color: #f0f0f0;
  display: block;
}

header .login-btn a img {
  width: 25px;
  padding-top: 8px;
}

header .login-btn a p {
  font-size: 9pt;
  line-height: 1em;
  padding-top: 3px;
  padding-bottom: 8px;
}

/*フッター*/
footer {
  background-color: #FAFAFA;
}

footer section {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 50px;
  padding-bottom: 10px;
}

footer ul {
  padding-bottom: 50px;
}

footer ul li {
  margin-bottom: 5px;
  font-size: 10pt;
}

footer ul li a:hover {
  color: #c2c756;
}

footer ul li a {}

footer .copyright {
  text-align: left;
  color: #000000;
  font-size: 10pt;
}

footer .copyright span {
  padding-left: 20px;
}

footer .copyright span a {
  text-decoration: none;
}

footer .copyright span a:hover {
  color: #c2c756;
}

/*GOTOP*/
.gotop {
  position: fixed;
  right: 15px;
  bottom: 150px;
  z-index: 99;
}

.gotop a {
  color: #FFFFFF;
  padding-left: 13px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 23px;
  background-color: #D0D916;
}

.gotop a img {
  width: 20px;
  height: auto;
}

@media screen and (max-width: 480px) {}

/*もっと見る*/
.more {}

.more a {
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: center;
  background-color: #1F4557;
  border-radius: 40px;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

.more a:hover {
  background-color: #36667C;
}

/*サービスロゴ*/
section#logo {
  text-align: center;
  padding-top: 200px;
  padding-bottom: 200px;
}

section#logo img {}

@media screen and (max-width: 480px) {
  section#logo {
    padding-top: 100px;
    padding-bottom: 150px;
  }

  section#logo img {
    width: 170px;
  }
}

/*確認用ポップアップ*/
#popup {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  padding: 20px;
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  text-align: center;
  z-index: 1000;
}

#popup h2 {
  text-align: center;
  font-size: 20pt;
  color: black;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1em;
}

#popup h3 {
  text-align: center;
  font-size: 15pt;
  color: black;
  margin-bottom: 20px;
  line-height: 1em;
}

#popup .wrap {
  display: flex;
  justify-content: center;
}

#popup button {
  padding: 10px 20px;
  margin: 10px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 13pt;
}

#popup button#yes {
  background-color: #1A3960;
  color: white;
}

#popup button#no {
  background-color: #1A3960;
  color: white;
}

#popup p {
  color: #9a9a9a;
  font-size: 10pt;
  line-height: 1.6em;
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 500;
}

/*--------------------------
ドロワー
---------------------------*/
#nav-toggle {
  position: fixed;
  top: 0px;
  right: 0px;
  height: 60px;
  width: 60px;
  cursor: pointer;
  background-color: #000000;
  padding-left: 15px;
  padding-right: 15px;
}

#nav-toggle>div {
  position: relative;
  width: 30px;
}

#nav-toggle span {
  width: 100%;
  height: 1px;
  left: 0;
  display: block;
  background: #fff;
  position: absolute;
  transition: transform 0.6s ease-in-out, top 0.5s ease;
}

#nav-toggle span:nth-child(1) {
  top: 20px;
}

#nav-toggle span:nth-child(2) {
  top: 35px;
}

#nav-toggle:hover span:nth-child(1) {
  top: 20px;
}

#nav-toggle:hover span:nth-child(2) {
  top: 35px;
}

.open #nav-toggle {
  background-color: transparent;
}

.open #nav-toggle span {
  background: #fff;
}

.open #nav-toggle span:nth-child(1) {
  top: 25px;
  transform: rotate(45deg);
}

.open #nav-toggle span:nth-child(2) {
  top: 25px;
  transform: rotate(-45deg);
}

/* z-index */
#nav-toggle {
  z-index: 1000;
}

#container {
  z-index: 900;
}

#gloval-nav {
  background-color: rgb(0 0 0 / 80%);
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 990;
  text-align: center;
  display: flex;
  visibility: hidden;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 29px;
  opacity: 0;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

#gloval-nav a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 10px 0;
  transition: color 0.6s ease;
}

#gloval-nav a:hover {
  opacity: 0.8;
}

/* open */
.open {
  overflow: hidden;
}

.open #gloval-nav {
  visibility: visible;
  opacity: 1;
}

.open #gloval-nav li {
  opacity: 1;
  transform: translateX(0);
  transition: transform 1s ease, opacity 0.9s ease;
}

#gloval-nav .logo {
  width: 120px;
  position: fixed;
  top: 20px;
  left: 30px;
}

#gloval-nav .logo img {
  width: 120px;
}

#gloval-nav nav {
  width: 100%;
  max-width: 1000px;
  background-color: #0000008c;
  padding: 4%;
}

#gloval-nav nav .sec1 {
  display: flex;
  justify-content: center;
  margin-bottom: 30px;
}

#gloval-nav nav .sec2 {
  margin-bottom: 30px;
}

#gloval-nav nav .sec3 {
  display: flex;
  justify-content: center;
}

#gloval-nav nav .sec1 article {
  width: 40%;
  margin-left: 5%;
  margin-right: 5%;
  max-width: 200px;
}

#gloval-nav nav .sec1 article .title {
  font-size: 10pt;
  line-height: 1.6em;
  margin-bottom: 20px;
}

#gloval-nav nav .sec1 article .service_logo {
  margin-bottom: 30px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#gloval-nav nav .sec1 article .service_logo img {
  width: 80%;
}

#gloval-nav nav .sec1 article a {
  display: block;
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  border-radius: 40px;
  color: #000000;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12pt;
}

#gloval-nav nav .sec1 article a:hover {
  background-color: #D1D1D1;
}

#gloval-nav nav .sec2 ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#gloval-nav nav .sec2 ul li {
  width: 33%;
  margin-bottom: 20px;
}

#gloval-nav nav .sec2 ul li a {
  font-size: 11pt;
  line-height: 1.6em;
}

#gloval-nav nav .sec3 article {
  margin-left: 3%;
  margin-right: 3%;
}

#gloval-nav nav .sec3 article .title {
  font-size: 10pt;
  line-height: 1.6em;
  margin-bottom: 20px;
}

#gloval-nav nav .sec3 article a {}

#gloval-nav nav .sec3 article a:hover {
  opacity: 0.8;
}

#gloval-nav nav .sec3 article a img {
  width: 60px;
}

@media screen and (max-width: 480px) {
  #gloval-nav nav {
    background-color: transparent;
  }

  #gloval-nav {
    background-color: rgb(0 0 0 / 90%);
  }

  #gloval-nav nav .sec1 article .title {
    height: 4em;
  }

  #gloval-nav nav .sec2 ul {
    flex-direction: column;
  }

  #gloval-nav nav .sec2 ul li {
    width: 100%;
    margin-bottom: 0px;
  }

  #gloval-nav nav .sec2 ul li a {
    padding: 5px
  }
}

/*--------------------------
アコーディオン
---------------------------*/
/*アコーディオン*/
.accordion-area {
  list-style: none;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 50px;
}

/*アコーディオンタイトル*/
.accordion-area .title {
  position: relative;
  cursor: pointer;
  font-size: 12pt;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all .5s ease;
  color: #FFFFFF;
  background-color: #13193E;
  text-align: center;
}

@media screen and (max-width: 480px) {
  .accordion-area {
    list-style: none;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    margin-bottom: 50px;
    padding-left: 0px;
  }

  main.first .flow .accordion-area .box {
    width: 100%;
  }
}

/*アイコンの＋と×*/
.accordion-area .title::before, .accordion-area .title::after {
  position: absolute;
  content: '';
  width: 15px;
  height: 2px;
  background-color: #000000;
}

.accordion-area .title::before {
  top: 48%;
  right: 15px;
  transform: rotate(0deg);
}

.accordion-area .title::after {
  top: 48%;
  right: 15px;
  transform: rotate(90deg);
}

/*　closeというクラスがついたら形状変化　*/
.accordion-area .title.close::before {
  transform: rotate(45deg);
}

.accordion-area .title.close::after {
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.accordion-area .box {
  display: none;
  /*はじめは非表示*/
  padding-left: 5%;
  padding-right: 5%;
  border-right: 1px solid #999A9A;
  border-left: 1px solid #999A9A;
  border-bottom: 1px solid #999A9A;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: grey;
  opacity: .6;
  display: none;
  z-index: 0;
  top: 0;
  left: 0;
  right: 0;
}


/*よくある質問*/
section#faq {
  padding-top: 100px;
  padding-bottom: 100px;
}

section#faq .overview {
  font-size: 13pt;
  margin-bottom: 20px;
  line-height: 1.6em;
  text-align: center;
}

section#faq .overview a {
  color: #c2c756;
}

section#faq .overview a:hover {
  text-decoration: underline;
}

section#faq .accordion-area {
  margin-bottom: 10px;
}

section#faq .accordion-area .title {
  position: relative;
  cursor: pointer;
  font-size: 12pt;
  padding-top: 10px;
  padding-bottom: 10px;
  transition: all .5s ease;
  color: #000000;
  background-color: #f2f2f2;
  text-align: left;
  padding-left: 30px;
}

section#faq .accordion-area .title span {
  font-size: 15pt;
  margin-right: 10px;
  color: #d0d916;
}

section#faq .accordion-area .box {
  border: none;
  background-color: #fbfbfb;
  padding-top: 30px;
  padding-bottom: 30px;
}

section#faq .accordion-area .box p {
  font-size: 11pt;
  line-height: 1.8em;
}

section#faq .accordion-area .box p span {
  font-size: 15pt;
  margin-right: 10px;
  color: #d0d916;
}

@media screen and (max-width: 480px) {
  section#faq {
    padding-bottom: 0px;
  }

  section#faq .overview {
    font-size: 11pt;
  }

  section#faq .accordion-area .title {
    font-size: 10pt;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 13px;
    padding-right: 30px;
  }

  section#faq .accordion-area .box p {
    font-size: 10pt;
    line-height: 1.8em;
  }
}



/*--------------------------
利用開始までの流れ
---------------------------*/

section#flow {
  background-color: #F8F8F8;
  padding-top: 100px;
  padding-bottom: 100px;
}

section#flow {
  text-align: center;
}

section#flow .contents-wrap {
  display: flex;
  justify-content: center;
}

section#flow .contents-wrap article {
  width: 40%;
  margin-left: 3%;
  margin-right: 3%;
}

section#flow .contents-wrap article .title {
  border-radius: 50px;
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  font-size: 15pt;
  line-height: 1.6em;
  margin-bottom: 30px;
}

section#flow .contents-wrap article.already .title {
  background-color: #C2D934;
}

section#flow .contents-wrap article.newly .title {
  background-color: #57D8D3;
}
section#flow .contents-wrap article ul {}

section#flow .contents-wrap article ul li {
  position: relative;
  font-size: 12pt;
  line-height: 1.6em;
  border-radius: 30px;
  color: #000000;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  text-align: center;
  margin-bottom: 50px;
  background-repeat: no-repeat;
}

section#flow .contents-wrap article.already ul li {
  background-color: #ECF4BB;
}

section#flow .contents-wrap article.newly ul li {
  background-color: #CAF2F0;
}

section#flow .contents-wrap article ul li:after {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  vertical-align: middle;
  position: absolute;
  bottom: -35px;
  left: 50%;
}

section#flow .contents-wrap article.already ul li:after {
  background-image: url(images/flow_icn_gr.svg);
}

section#flow .contents-wrap article.newly ul li:after {
  background-image: url(images/flow_icn_bl.svg);
}

section#flow .contents-wrap article ul li:last-child:after {
  display: none;
}

@media screen and (max-width: 480px) {
  section#flow .contents-wrap {
    flex-direction: column;
  }

  section#flow .contents-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  section#flow .contents-wrap article {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }
}


/*--------------------------
記事一覧系
---------------------------*/
main.list {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f7f5f5;
}

/*ユーザーボイス*/
main.list section#voice h2 {
  margin-bottom: 20px;
}

main.list section#voice h2 img {
  width: 250px;
}

main.list section#voice h3 {
  font-size: 14pt;
  text-align: center;
  line-height: 1.6em;
}

/*記事*/
main.list .contents-wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

main.list .contents-wrap article {
  margin-left: 2%;
  margin-right: 2%;
  width: 29.33%;
  background-color: #FFFFFF;
  border-radius: 15px;
  margin-bottom: 30px;
}

main.list .contents-wrap article a {}

main.list .contents-wrap article dl {}

main.list .contents-wrap article dl .sumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

main.list.voice .contents-wrap article dl dd {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  height: 4.5em;
  font-size: 12pt;
  line-height: 1.6em;
}

main.list.voice .contents-wrap article dl dt {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  font-size: 12pt;
}

main.list.topics .contents-wrap article dl dt {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  height: 4.5em;
  font-size: 12pt;
  line-height: 1.4em;
}

main.list.topics .contents-wrap article dl dd {
  padding-top: 20px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  font-size: 9pt;
  line-height: 1.4em;
}

@media screen and (max-width: 480px) {
  main.list {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  /*ユーザーボイス*/
  main.list section#voice h2 {
    margin-bottom: 20px;
  }

  main.list section#voice h2 img {
    width: 200px;
  }

  main.list section#voice h3 {
    font-size: 11pt;
  }

  /*記事*/
  main.list .contents-wrap article {
    width: 46%;
  }

  main.list.voice .contents-wrap article dl dd {
    font-size: 9pt;
  }

  main.list.voice .contents-wrap article dl dt {
    font-size: 11pt;
  }

  main.list.topics .contents-wrap article dl dt {
    font-size: 11pt;
  }

  main.list.topics .contents-wrap article dl dd {
    font-size: 9pt;
  }
}

/*ページャー*/
.wp-pagenavi {
  text-align: center;
  padding-top: 100px;
  padding-bottom: 100px;
}

.wp-pagenavi a, .wp-pagenavi span {
  border-style: none !important;
}

.wp-pagenavi a {
  text-decoration: none;
  color: #595757;
}

.wp-pagenavi a:hover {
  text-decoration: underline;
}

.wp-pagenavi a.previouspostslink {
  padding-right: 3px;
}

.wp-pagenavi a.nextpostslink {
  padding-left: 30px;
}

.wp-pagenavi a.page {
  padding-left: 10px;
  padding-right: 10px;
}

.wp-pagenavi span.current {
  color: #D0D916;
  padding-left: 10px;
  padding-right: 10px;
}

@media screen and (max-width: 480px) {
  main.list.news section article {
    width: 100%;
  }

  main.list.other section article {
    width: 46%;
  }
}

/*戻るボタン*/
.btn_area form input.GY {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: transparent;
  border: none;
}

/*--------------------------
記事詳細系
---------------------------*/
main.detail {
  padding-top: 80px;
  padding-bottom: 80px;
  background-color: #f7f5f5;
}

/*ユーザーボイス*/
main.detail section#voice h2 {
  margin-bottom: 20px;
}

main.detail section#voice h2 img {
  width: 250px;
}

main.detail section#voice h3 {
  font-size: 14pt;
  text-align: center;
  line-height: 1.6em;
}

main.detail .contents-wrap {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

main.detail .contents-wrap article {
  border-radius: 10px;
  margin-bottom: 50px;
  padding-top: 50px;
  padding-right: 3%;
  padding-left: 3%;
  padding-bottom: 50px;
  background-color: #FEFEFE;
}

main.detail article h1 {
  font-size: 18pt;
  line-height: 1.6em;
  font-weight: normal;
  margin-bottom: 30px;
}

main.detail section#voice article h1 {
  font-size: 14pt;
  line-height: 1.6em;
  font-weight: normal;
  margin-bottom: 30px;
  text-align: center;
}

main.detail section#voice article .main_text h1 {
  font-size: 18pt;
  line-height: 1.6em;
  font-weight: normal;
  margin-bottom: 30px;
}

main.detail article .date {
  font-size: 10pt;
  line-height: 1.6em;
  font-weight: normal;
  margin-bottom: 30px;
}

main.detail article .main_text {
  font-size: 11pt;
  line-height: 1.6em;
  font-weight: normal;
}

main.detail article .main_text h2 {
  font-size: 12pt;
  line-height: 1.6em;
  font-weight: normal;
  text-align: left;
}

main.detail article .main_text h3 {
  font-size: 12pt;
  line-height: 1.6em;
  font-weight: normal;
  text-align: left;
}

main.detail article .main_text h4 {
  font-size: 12pt;
  line-height: 1.6em;
  font-weight: normal;
  text-align: left;
}

main.detail article .main_text p {
  margin-bottom: 20px;
}

main.detail article .main_text img {
  max-width: 100%;
}

main.detail .contents-wrap .btn_area {}

main.detail .contents-wrap .btn_area ul.move {
  display: flex;
  justify-content: center;
  margin-bottom: 50px;
}

main.detail .contents-wrap .btn_area ul.move li {
  margin-left: 3%;
  margin-right: 3%;
}

@media screen and (max-width: 480px) {}

/*--------------------------
フォーム系
---------------------------*/
/*フォームパーツ*/
.form7 {
  font-size: small;
}

.form7 dl {
  margin-bottom: 20px;
}

.form7 dl dt {}

.form7 dl dt span {
  color: #00BEFF;
  font-size: small;
}

.form7 dl dd {}

.form7 dl dd.float br {
  display: none;
}

.wpcf7 input:focus {
  outline: 1px #D0D916 solid;
}

.wpcf7 textarea:focus {
  outline: 1px #D0D916 solid;
}

.wpcf7-text {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: none;
  background-color: #F6F6F6;
  margin-bottom: 10px;
}

.wpcf7-textarea {
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: none;
  background-color: #F6F6F6;
  margin-bottom: 10px;
}

.wpcf7-date {
  width: 49%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: none;
  background-color: #F6F6F6;
  margin-bottom: 10px;
}

.wpcf7-select {
  width: 50%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-style: none;
  background-color: #F6F6F6;
  margin-bottom: 10px;
}

input::placeholder {
  color: #CDCCCC;
}

.form7 ul.btn {}

.form7 ul.btn li {
  width: 100%;
  margin-bottom: 20px;
}

.form7 ul.btn li input {
  width: 100%;
  color: #FFFFFF;
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
  border-style: none;
}

.form7 ul.btn li input.confirm {
  background-color: #00113E;
}

.form7 ul.btn li input.return {
  background-color: #282828;
}

.form7 ul.btn li input.send {
  background-color: #00113E;
}

.form7 ul.btn li input:hover {
  opacity: 0.8;
}

span.wpcf7-list-item {
  display: block !important;
  margin: 0 0 10px 0 !important;
}

.wpcf7-not-valid-tip {
  color: #ff0000 !important;
}

.wpcf7c-conf {
  background-color: #f5f5f5 !important;
  border: 1px solid #d8d8d8 !important;
}

.wpcf7-not-valid {
  background-color: #fbeeee;
  border: 1px solid #ff6767;
}

.wpcf7 form.sent .wpcf7-response-output {
  font-size: small;
  text-align: center;
}

.wpcf7-form .wpcf7-submit {
  margin-bottom: 30px;
  width: 100%;
  text-align: center;
  display: block;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
  background-color: #D0D916;
  border-style: none;
  font-size: large;
  margin-top: 50px;
}

.inv-recaptcha-holder {
  display: flex;
  justify-content: center;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #ff9f9f;
}

@media screen and (max-width: 480px) {
  main.contact {
    padding-bottom: 50px;
  }

  main.contact section {
    width: 94%;
    margin-left: auto;
    margin-right: auto;
  }

  main.contact section .info_area p.sp_left {
    text-align: left;
  }
}

/*--------------------------
トップページ
---------------------------*/

/* サービスラインナップ */
#service { 
  background-color: #f5f5f7; 
}

#service .section-wrap {
  padding-top: 80px;
  padding-bottom: 30px;
  max-width: 96%;
  margin: 0 auto;
}

#service .contents-wrap {
  padding: 0;
}

#service .section-wrap .row {
display: flex;
gap: 20px 20px
}

#service .section-wrap .row .left {
  width: 57%;
}

#service .section-wrap .row .right {
  width: 43%;
  display: flex;
  flex-direction: column;
}

#service .section-wrap a {
  display: block;
  margin-bottom: 20px;
  filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.15));
}

#service .section-wrap .middle a {
  width: calc((100% - 40px) / 3);
}

#service .section-wrap .bottom a {
  width: calc((100% - 40px) / 3);
}

#service .section-wrap .row.subpage {
  flex-wrap: wrap;
}

#service .section-wrap .row.subpage a {
  width: calc((100% - 40px) / 3);
}

#service .section-wrap a img {
  width: 100%;
  height: auto;
}


@media screen and (max-width: 480px) {

#service .section-wrap .row {
display: block;
}

#service .section-wrap .row .left {
  width: 100%;
}

#service .section-wrap .row .right {
  width: 100%;
}

#service .section-wrap .middle a {
  width: calc((100% - 0px) / 1);
}

#service .section-wrap .bottom a {
  width: calc((100% - 0px) / 1);
}

#service .section-wrap .row.subpage a {
  width: calc((100% - 0px) / 1);
}


}

/* PC用のhoverエフェクト（控えめ拡大 + drop-shadow） */
@media (hover: hover) and (pointer: fine) {
  #service .contents-wrap a img {
    transition: transform 0.25s ease, filter 0.25s ease;
  }
  #service .contents-wrap a:hover img {
    transform: scale(1.02); /* 控えめ拡大 */
    filter: drop-shadow(0 6px 12px rgba(0,0,0,0.2)); /* 角丸対応の影 */
  }
}

/*メンテナンス情報*/
main.toppage section#maintenance {
  padding-top: 120px;
  padding-bottom: 0px;
}

main.toppage section#maintenance .contents-wrap {
  padding-top: 0px;
}

main.toppage section#maintenance .article-wrap {
  margin-bottom: 50px;
  border-top: 1px solid #DDDDDD;
}

main.toppage section#maintenance .contents-wrap article {
  border-bottom: 1px solid #DDDDDD;
  color: #000000;
  font-size: 12pt;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

main.toppage section#maintenance .contents-wrap article:last-child {}

main.toppage section#maintenance .contents-wrap article .date {
  margin-bottom: 5px;
}
main.toppage section#maintenance .contents-wrap article p {
  margin-bottom: 5px;
}
main.toppage section#maintenance .contents-wrap article h3 {
  text-align: left;
  margin-right: 0;
  font-size: 15pt;
  color: #c2c756;
  margin-bottom: 15px;
  line-height: 1em;
}

main.toppage section#maintenance .contents-wrap article .wrap {
  padding-left: 20px;
}

main.toppage section#maintenance .contents-wrap article h4 {
  font-size: 12pt;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #eeeeee;
  display: inline-block;
  margin-bottom: 10px;
  color: #000000;
  border-radius: 30px;
}

main.toppage section#maintenance .contents-wrap article dl {
  margin-bottom: 10px;
}

main.toppage section#maintenance .contents-wrap article dl dt {}

main.toppage section#maintenance .contents-wrap article dl dd {
  padding-left: 10px;
}

main.toppage section#maintenance .contents-wrap article ul {
  margin-bottom: 10px;
}

main.toppage section#maintenance .contents-wrap article ul li {}

@media screen and (max-width: 480px) {
  main.toppage section#maintenance .contents-wrap article h4 {
    font-size: 10pt;
  }

  main.toppage section#maintenance .contents-wrap article dl dt {
    font-size: 10pt;
  }

  main.toppage section#maintenance .contents-wrap article dl dd {
    font-size: 10pt;
  }

  main.toppage section#maintenance .contents-wrap article ul li {
    font-size: 10pt;
  }
}


/*アップデート情報*/
main.toppage section#update {
  padding-top: 0px;
  padding-bottom: 50px;
}

main.toppage section#update .contents-wrap {
  padding-top: 0px;
}

main.toppage section#update .article-wrap {
  margin-bottom: 50px;
  border-top: 1px solid #DDDDDD;
}

main.toppage section#update .contents-wrap article {
  border-bottom: 1px solid #DDDDDD;
  color: #000000;
  font-size: 12pt;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

main.toppage section#update .contents-wrap article:last-child {}

main.toppage section#update .contents-wrap article .date {
  margin-bottom: 5px;
}
main.toppage section#update .contents-wrap article p {
  margin-bottom: 5px;
}
main.toppage section#update .contents-wrap article h3 {
  text-align: left;
  margin-right: 0;
  font-size: 15pt;
  color: #c2c756;
  margin-bottom: 15px;
  line-height: 1em;
}

main.toppage section#update .contents-wrap article .wrap {
  padding-left: 20px;
}

main.toppage section#update .contents-wrap article h4 {
  font-size: 12pt;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #eeeeee;
  display: inline-block;
  margin-bottom: 10px;
  color: #000000;
  border-radius: 30px;
}

main.toppage section#update .contents-wrap article dl {
  margin-bottom: 10px;
}

main.toppage section#update .contents-wrap article dl dt {}

main.toppage section#update .contents-wrap article dl dd {
  padding-left: 10px;
}

main.toppage section#update .contents-wrap article ul {
  margin-bottom: 10px;
}

main.toppage section#update .contents-wrap article ul li {}

@media screen and (max-width: 480px) {
  main.toppage section#update .contents-wrap article h4 {
    font-size: 10pt;
  }

  main.toppage section#update .contents-wrap article dl dt {
    font-size: 10pt;
  }

  main.toppage section#update .contents-wrap article dl dd {
    font-size: 10pt;
  }

  main.toppage section#update .contents-wrap article ul li {
    font-size: 10pt;
  }

main.toppage section#update .contents-wrap article .wrap {
  padding-left: 0px;
}


}


/*ユーザーボイス*/
main.toppage section#voice {
  background-color: #f7f5f5;
  padding-top: 80px;
  padding-bottom: 80px;
}

main.toppage section#voice h2 {
  margin-bottom: 20px;
}

main.toppage section#voice h2 img {
  width: 250px;
}

main.toppage section#voice h3 {
  font-size: 14pt;
  text-align: center;
  line-height: 1.6em;
}

main.toppage section#voice .slider {
  margin-bottom: 80px;
}

main.toppage section#voice article {
  margin-left: 10px;
  margin-right: 10px;
  background-color: #FFFFFF;
  border-radius: 15px;
}

main.toppage section#voice article a {}

main.toppage section#voice article dl {}

main.toppage section#voice article dl .sumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

main.toppage section#voice article dl dd {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  height: 4.5em;
  font-size: 10pt;
  line-height: 1.4em;
}

main.toppage section#voice article dl dt {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
  font-size: 12pt;
}

@media screen and (max-width: 480px) {
  main.toppage section#voice h2 img {
    width: 200px;
  }

  main.toppage section#voice h3 {
    font-size: 11pt;
  }

  main.toppage section#voice article dl dd {
    font-size: 8pt;
  }

  main.toppage section#voice article dl dt {
    font-size: 11pt;
  }
}

/*picmoRの使い方*/
main.toppage section#howto .section-wrap {
  padding-top: 80px;
  padding-bottom: 80px;
}

main.toppage section#howto .youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}

main.toppage section#howto .youtube iframe {
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 480px) {}

/*トピックス*/
main.toppage section#topics {
  background-color: #f7f5f5;
  padding-top: 80px;
  padding-bottom: 80px;
}

main.toppage section#topics .slider {
  margin-bottom: 80px;
}

main.toppage section#topics article {
  margin-left: 10px;
  margin-right: 10px;
  background-color: #FFFFFF;
  border-radius: 15px;
}

main.toppage section#topics article a {}

main.toppage section#topics article dl {}

main.toppage section#topics article dl .sumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

main.toppage section#topics article dl dt {
  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 20px;
}

main.toppage section#topics article dl dd {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  font-size: 10pt;
}

@media screen and (max-width: 480px) {
  main.toppage section#topics article dl dt {
    font-size: 10pt;
  }

  main.toppage section#topics article dl dd {
    font-size: 10pt;
  }
}

/*トラブルシューティング*/
/*main.toppage section#trouble {
  padding-top: 80px;
  padding-bottom: 80px;
}

main.toppage section#trouble .bannar {
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  background-color: #F2EE79;
  border-radius: 30px;
  padding-top: 30px;
  padding-bottom: 20px;
  text-align: center;
}

main.toppage section#trouble .bannar .title {
  margin-bottom: 20px;
}

main.toppage section#trouble .bannar .title img {}

main.toppage section#trouble .bannar .text {
  color: #000000;
  margin-bottom: 20px;
}

main.toppage section#trouble .bannar a {
  display: block;
  width: 100%;
  max-width: 200px;
  text-align: center;
  background-color: #1F4557;
  border-radius: 40px;
  color: #ffffff;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

main.toppage section#trouble .bannar a:hover {
  background-color: #36667C;
}

@media screen and (max-width: 480px) {
  main.toppage section#trouble {
    padding-top: 0px;
    padding-bottom: 50px;
  }

  main.toppage section#trouble .bannar {
    padding-left: 5%;
    padding-right: 5%;
  }

  main.toppage section#trouble .bannar .title img {
    width: 100%;
  }
}*/


/*よくある質問*/
main.toppage section#faq {
  padding-top: 120px;
  padding-bottom: 50px;
  text-align: center;
}

@media screen and (max-width: 480px) {
  main.toppage section#faq {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  main.toppage section#faq .contents-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

/*お問い合わせ*/
main.toppage section#contact {
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}

@media screen and (max-width: 480px) {
  main.toppage section#contact {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  main.toppage section#contact h2 {
    width: 60%;
    line-height: 1.6em;
    margin-left: auto;
    margin-right: auto;
  }

  main.toppage section#contact .contents-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

/*--------------------------
picmoR
---------------------------*/
/*メインビジュアル*/
main.sa section#fv {
  height: 40vh;
  background-image: url(images/bg_sa_fv.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}

main.sa section#fv .logo {}

main.sa section#fv .logo img {}

@media screen and (max-width: 480px) {
  main.sa section#fv {
    height: 35vh;
  }

  main.sa section#fv .logo {
    text-align: center;
  }

  main.sa section#fv .logo img {
    width: 80%;
  }
}

/*キャッチコピー*/
main.sa section#catch {
  text-align: center;
  padding-top: 150px;
  padding-bottom: 150px;
  background-color: #f5f5f7;
}

main.sa section#catch img {
  max-width: 800px;
}

@media screen and (max-width: 480px) {
  main.sa section#catch {
    padding-top: 100px;
    padding-bottom: 50px;
  }

  main.sa section#catch img {
    width: 90%;
  }
}


/*ユーザー体験*/
section#ux {
  padding-top: 80px;
}

section#ux h3 {
  text-align: right;
  margin-right: 3%;
  font-size: 45pt;
  color: black;
  margin-bottom: 5px;
  line-height: 1em;
}

section#ux h2 {
  text-align: right;
  margin-right: 3%;
  font-size: 16pt;
  color: black;
  font-weight: bold;
  margin-bottom: 80px;
  line-height: 1em;
}

section#ux .contents-wrap {
  padding: 0;
}

section#ux article {
  height: 100vh;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  padding-left: 13%;
  padding-right: 13%;
  display: flex;
  align-items: center;
}

section#ux article .wrap {}

section#ux article .wrap .logo {
  margin-bottom: 50px;
}

section#ux article .wrap .logo img {
  width: 100%;
  max-width: 200px;
}

section#ux article .wrap .title {
  margin-bottom: 30px;
  display: inline-flex;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
}

section#ux article .wrap .title p.arrow {}

section#ux article .wrap .title p.arrow img {
  width: 100px;
  margin-right: 30px;
}

section#ux article .wrap .title p.index {
  font-size: 30pt;
  color: #FFFFFF;
}

section#ux article .wrap dl {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #FFFFFF;
}

section#ux article .wrap dl dd {
  font-size: 15pt;
  line-height: 1.4em;
  margin-bottom: 10px;
}

section#ux article .wrap dl dt {
  font-size: 30pt;
  line-height: 1.4em;
}

section#ux article.dentist {
  background-image: url(images/bg_ux_01.jpg);
  justify-content: flex-start;
}

section#ux article.dentist .title {
  background: rgb(100, 192, 46);
  background: linear-gradient(90deg, rgba(100, 192, 46, 1) 0%, rgba(255, 183, 0, 1) 100%);
}

section#ux article.dentist dl {
  background: rgb(100, 192, 46);
  background: linear-gradient(90deg, rgba(100, 192, 46, 1) 0%, rgba(255, 183, 0, 1) 100%);
}

section#ux article.hygienist {
  background-image: url(images/bg_ux_02.jpg);
  justify-content: flex-end;
}

section#ux article.hygienist .title {
  background: rgb(231, 104, 206);
  background: linear-gradient(90deg, rgba(231, 104, 206, 1) 0%, rgba(255, 183, 0, 1) 100%);
}

section#ux article.hygienist dl {
  background: rgb(231, 104, 206);
  background: linear-gradient(90deg, rgba(231, 104, 206, 1) 0%, rgba(255, 183, 0, 1) 100%);
}

section#ux article.patient {
  background-image: url(images/bg_ux_03.jpeg);
  justify-content: flex-start;
}

ection#ux article.patient .title {
  background: rgb(2, 165, 252);
  background: linear-gradient(90deg, rgba(2, 165, 252, 1) 0%, rgba(255, 226, 0, 1) 100%);
}

section#ux article.patient dl {
  background: rgb(2, 165, 252);
  background: linear-gradient(90deg, rgba(2, 165, 252, 1) 0%, rgba(255, 226, 0, 1) 100%);
}

@media screen and (max-width: 480px) {
  section#ux h3 {
    font-size: 30pt;
  }

  section#ux h2 {
    font-size: 12pt;
  }

  section#ux article {
    padding-left: 6%;
    padding-right: 6%;
    background-attachment: scroll;
    align-items: end;
  }

  section#ux article .wrap .logo {
    margin-bottom: 30px;
  }

  section#ux article .wrap .logo img {
    max-width: 130px;
  }

  section#ux article .wrap .title {
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  section#ux article .wrap .title p.arrow img {
    width: 80px;
    margin-right: 15px;
  }

  section#ux article .wrap .title p.index {
    font-size: 20pt;
  }

  section#ux article .wrap dl {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 30px;
  }

  section#ux article .wrap dl dd {
    font-size: 10pt;
    line-height: 1.6em;
  }

  section#ux article .wrap dl dt {
    font-size: 16pt;
    line-height: 1.6em;
  }

  section#ux article.dentist {
    background-position: 70% 0%;
  }

  section#ux article.hygienist {
    background-position: 22% 0%;
  }

  section#ux article.patient {
    background-position: 70% 0%;
  }
}



/*コンセプト*/
main.sa section#concept {
  padding-top: 50px;
  padding-bottom: 50px;
}

main.sa section#concept article {
  display: flex;
  margin-bottom: 50px;
}

main.sa section#concept article.sec3 {
  flex-direction: column;
}

main.sa section#concept article .images {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

main.sa section#concept article .contents {
  width: 50%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

main.sa section#concept article .contents .wrap {}

main.sa section#concept article .contents .wrap h2 {
  color: #FFFFFF;
  text-align: left;
  font-weight: normal;
  font-size: 20pt;
  line-height: 1.8em;
  margin-bottom: 30px;
}

main.sa section#concept article.sec3 .contents .wrap h2 {
  color: #000000;
}

main.sa section#concept article .contents .wrap .text {
  color: #000000;
  font-size: 11pt;
  line-height: 1.6em;
}

main.sa section#concept article .contents .wrap .text p {}

main.sa section#concept article.sec3 .wrap ul {
  display: flex;
  flex-wrap: wrap;
}

main.sa section#concept article.sec3 .wrap ul li {
  color: #000000;
  width: 50%;
  padding-left: 30px;
  padding-right: 10px;
  background-image: url(images/icn_checkbox.svg);
  background-repeat: no-repeat;
  background-position: left 3px;
  background-size: 22px auto;
  font-size: 12pt;
  margin-bottom: 15px;
}

main.sa section#concept article.sec1 .images {
  order: 2;
  background-image: url(images/bg_sa_item_01.png);
  width: 50%;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

main.sa section#concept article.sec2 .images {
  order: 1;
  background-image: url(images/bg_sa_item_02.png);
  width: 50%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

main.sa section#concept article.sec3 .images {
  order: 1;
  background-image: url(images/bg_sa_item_03.jpg);
  width: 100%;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  aspect-ratio: 8 / 3;
}

main.sa section#concept article.sec1 .contents {
  order: 1;
  background: rgb(70, 163, 255);
  background: linear-gradient(127deg, rgba(70, 163, 255, 1) 0%, rgba(89, 252, 183, 1) 100%);
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

main.sa section#concept article.sec2 .contents {
  order: 2;
  background: rgb(255, 159, 207);
  background: linear-gradient(127deg, rgba(255, 159, 207, 1) 0%, rgba(255, 184, 51, 1) 100%);
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

main.sa section#concept article.sec3 .contents {
  order: 2;
  background: rgb(231, 253, 93);
  background: linear-gradient(127deg, rgba(231, 253, 93, 1) 0%, rgba(181, 255, 106, 1) 100%);
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 100%;
}

main.sa section#concept article.sec1 .contents .wrap {
  background-image: url(images/bg_communication.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100px;
}

main.sa section#concept article.sec2 .contents .wrap {
  background-image: url(images/bg_easy.png);
  background-repeat: no-repeat;
  background-position: right top;
  background-size: auto 100px;
}

@media screen and (max-width: 480px) {
  main.sa section#concept article {
    flex-direction: column;
  }

  main.sa section#concept article .contents {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  main.sa section#concept article .contents .wrap {}

  main.sa section#concept article .contents .wrap h2 {
    font-size: 17pt;
    margin-bottom: 20px;
  }

  main.sa section#concept article.sec3 .contents .wrap h2 {
    color: #000000;
  }

  main.sa section#concept article .contents .wrap .text {
    color: #000000;
    font-size: 11pt;
    line-height: 1.6em;
  }

  main.sa section#concept article.sec3 .wrap ul li {
    width: 100%;
    padding-left: 30px;
    background-position: left 3px;
    background-size: 22px auto;
    font-size: 11pt;
    margin-bottom: 15px;
  }

  main.sa section#concept article.sec1 .images {
    order: 1;
    width: 100%;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 30px;
    aspect-ratio: 6 / 3;
  }

  main.sa section#concept article.sec2 .images {
    order: 1;
    width: 100%;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 30px;
    aspect-ratio: 6 / 3;
  }

  main.sa section#concept article.sec3 .images {
    order: 1;
    width: 100%;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
    aspect-ratio: 6 / 3;
  }

  main.sa section#concept article.sec1 .contents {
    order: 2;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
  }

  main.sa section#concept article.sec2 .contents {
    order: 2;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
  }

  main.sa section#concept article.sec3 .contents {}

  main.sa section#concept article.sec1 .contents .wrap {
    background-image: url(images/bg_communication.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100px;
  }

  main.sa section#concept article.sec2 .contents .wrap {
    background-image: url(images/bg_easy.png);
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100px;
  }
}

/*機能紹介*/
main.sa section#function {
  padding-top: 50px;
  padding-bottom: 50px;
}

main.sa section#function h3 {
  text-align: left;
}

main.sa section#function h2 {
  text-align: left;
}

main.sa section#function .overview {
  color: #000000;
  font-size: 11pt;
  max-width: 590px;
  line-height: 1.6em;
  margin-bottom: 30px;
}

main.sa section#function .contents-wrap {
  padding-left: 0;
  padding-right: 0;
}

main.sa section#function .contents-wrap .wrap {
  display: flex;
  flex-wrap: wrap;
}

main.sa section#function .contents-wrap .wrap dl {
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  margin-bottom: 50px;
  position: relative;
}

main.sa section#function .contents-wrap .wrap dl .images {
  margin-bottom: 10px;
}

main.sa section#function .contents-wrap .wrap dl .images img {
  width: 100%;
}

main.sa section#function .contents-wrap .wrap dl dt {
  color: #000000;
  font-size: 14pt;
  margin-bottom: 10pt;
  line-height: 1.6em;
  padding-right: 27px;
}

main.sa section#function .contents-wrap .wrap dl dd {
  color: #000000;
  font-size: 10pt;
  line-height: 1.6em;
  padding-right: 0px;
}

main.sa section#function .contents-wrap .wrap dl .icon {
  position: absolute;
  right: 5px;
  top: 145px;
}

main.sa section#function .contents-wrap .wrap dl .icon img {
  width: 40px;
}

main.sa section#function .contents-wrap .wrap dl .icon.double img {
  width: 70px;
}

main.sa section#function article.eyespecial {
  width: 100%;
}

main.sa section#function article.eyespecial a {}

main.sa section#function article.eyespecial a:hover {
  opacity: 0.8;
}

main.sa section#function article.eyespecial a img {
  width: 100%;
}

@media screen and (max-width: 480px) {
  main.sa section#function .contents-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  main.sa section#function .contents-wrap .wrap dl {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 50px;
  }

  main.sa section#function .contents-wrap .wrap dl .images {
    margin-bottom: 10px;
  }

  main.sa section#function .contents-wrap .wrap dl dt {
    font-size: 11pt;
    margin-bottom: 10pt;
    padding-right: 0px;
  }

  main.sa section#function .contents-wrap .wrap dl dd {
    font-size: 9pt;
  }

  main.sa section#function .contents-wrap .wrap dl .icon {
    right: 3px;
    top: -16px;
  }

  main.sa section#function .contents-wrap .wrap dl .icon img {
    width: 35px;
  }

  main.sa section#function .contents-wrap .wrap dl .icon.double img {
    width: 65px;
  }
}

/*導入イメージ*/
main.sa section#introduction {
  padding-top: 50px;
  padding-bottom: 50px;
}

main.sa section#introduction h3 {
  text-align: left;
}

main.sa section#introduction h2 {
  text-align: left;
}

main.sa section#introduction .contents-wrap {
  display: flex;
  padding-left: 0;
  padding-right: 0;
}

main.sa section#introduction .contents-wrap .images {
  order: 2;
  width: 50%;
}

main.sa section#introduction .contents-wrap .images img {
  width: 100%;
}

main.sa section#introduction .contents-wrap .contents {
  order: 1;
  width: 50%;
  color: #000000;
  padding-right: 30px;
}

main.sa section#introduction .contents-wrap .contents dl {
  color: #000000;
}

main.sa section#introduction .contents-wrap .contents dl dt {
  font-size: 18pt;
  line-height: 1.6em;
  margin-bottom: 30px;
}

main.sa section#introduction .contents-wrap .contents dl dd {
  margin-bottom: 30px;
}

main.sa section#introduction .contents-wrap .contents dl dd p {
  font-size: 12pt;
  line-height: 1.6em;
  margin-bottom: 20px;
}

main.sa section#introduction .contents-wrap .contents dl dd p.remarks {
  font-size: 9pt;
}

main.sa section#introduction .contents-wrap .contents dl dd.price {
  font-size: 14pt;
}

main.sa section#introduction .contents-wrap .contents dl dd.price span {
  font-size: 9pt;
}

@media screen and (max-width: 480px) {
  main.sa section#introduction .contents-wrap {
    flex-direction: column;
    padding-top: 0px;
    padding-bottom: 0px;
  }

  main.sa section#introduction .contents-wrap .images {
    order: 1;
    width: 100%;
    margin-bottom: 50px;
  }

  main.sa section#introduction .contents-wrap .images img {
    width: 100%;
  }

  main.sa section#introduction .contents-wrap .contents {
    order: 2;
    width: 100%;
    padding-right: 0px;
  }

  main.sa section#introduction .contents-wrap .contents dl dt {
    font-size: 17pt;
  }

  main.sa section#introduction .contents-wrap .contents dl dd {
    margin-bottom: 30px;
  }

  main.sa section#introduction .contents-wrap .contents dl dd p {
    font-size: 12pt;
    line-height: 1.6em;
    margin-bottom: 20px;
  }

  main.sa section#introduction .contents-wrap .contents dl dd p.remarks {
    font-size: 9pt;
  }

  main.sa section#introduction .contents-wrap .contents dl dd.price {
    font-size: 12pt;
  }

  main.sa section#introduction .contents-wrap .contents dl dd.price span {
    font-size: 8pt;
  }
}

/*接続構成*/
main.sa section#configuration {
  padding-top: 50px;
  padding-bottom: 50px;
}

main.sa section#configuration h3 {
  text-align: left;
}

main.sa section#configuration h2 {
  text-align: left;
}

main.sa section#configuration .overview {
  color: #000000;
  font-size: 11pt;
  max-width: 590px;
  line-height: 1.6em;
  margin-bottom: 30px;
}

main.sa section#configuration .contents-wrap {}

main.sa section#configuration .contents-wrap img {
  width: 100%;
}

@media screen and (max-width: 480px) {
  main.sa section#configuration .contents-wrap {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}

main.sa section#faq h3 {
  text-align: left;
}

main.sa section#faq h2 {
  text-align: left;
}



/*--------------------------
picmoRクラウド
---------------------------*/
/*メインビジュアル*/
main.cloud section#fv {
}

main.cloud section#fv .bg1 {
  background-image: url(images/bg_cloud1.png);
  background-repeat: no-repeat;
  background-position: left 100px;
  background-size: 25% auto;
  width: 100%;
}

main.cloud section#fv .bg2 {
  background-image: url(images/bg_cloud2.png);
  background-repeat: no-repeat;
  background-position: right 100px;
  background-size: 25% auto;
  width: 100%;
}

main.cloud section#fv h3 {
  font-size: 23pt;
}

main.cloud section#fv h2 {
  font-size: 45pt;
  font-weight: 400;
}

main.cloud section#fv .section-wrap {
padding-top: 100px;
padding-bottom: 50px;
}

main.cloud section#fv .logo {
}

main.cloud section#fv .logo img {
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 200px;
}

main.cloud section#fv .float_tag {
max-width: 200px;
width: 50%;
}

main.cloud section#fv .float_tag img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 480px) {

main.cloud section#fv .bg1 {
  background-position: left 70%;
  background-size: 30% auto;
}

main.cloud section#fv .bg2 {
  background-position: right 70%;
  background-size: 30% auto;
}

main.cloud section#fv h3 {
  font-size: 13pt;
}

main.cloud section#fv h2 {
  font-size: 25pt;
}

main.cloud section#fv .section-wrap {
padding-top: 100px;
padding-bottom: 0px;
}

main.cloud section#fv .logo {
  margin-bottom: 30px;
}

main.cloud section#fv .logo img {
  max-width: 150px;
}

}


/*ビューワー機能でどこでも使える*/
main.cloud section#concept2 {
  padding-top: 0px;
  padding-bottom: 0px;
}

main.cloud section#concept2 .section-wrap {
width: 100%;
max-width: 100%;
}

main.cloud section#concept2 .contents-wrap {
padding: 0;
}

main.cloud section#concept2 article {
  display: flex;
}

main.cloud section#concept2 article .images {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

main.cloud section#concept2 article .contents {
  width: 50%;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
}

main.cloud section#concept2 article .contents a {}

main.cloud section#concept2 article .contents a img {
  width: 100%;
  max-width: 500px;
}

main.cloud section#concept2 article .contents .wrap {}

main.cloud section#concept2 article .contents .wrap h2 {
  color: #FFFFFF;
  text-align: left;
  font-weight: normal;
  font-size: 18pt;
  line-height: 1.8em;
  margin-bottom: 30px;
}

main.cloud section#concept2 article .contents .wrap .text {
  color: #000000;
  font-size: 11pt;
  line-height: 1.6em;
}

main.cloud section#concept2 article .contents .wrap .text p {}

main.cloud section#concept2 article.sec1 .images {
  order: 1;
  background-image: url(images/bg_cloud_item_01.jpg);
  width: 50%;
}

main.cloud section#concept2 article.sec2 .images {
  order: 2;
  background-image: url(images/bg_cloud_item_02.jpg);
  width: 50%;
}

main.cloud section#concept2 article.sec1 .contents {
  order: 2;
  background: rgb(70, 163, 255);
  background: linear-gradient(127deg, rgba(70, 163, 255, 1) 0%, rgba(89, 252, 183, 1) 100%);
}

main.cloud section#concept2 article.sec2 .contents {
  order: 1;
  background: rgb(255, 159, 207);
  background: linear-gradient(127deg, rgba(255, 159, 207, 1) 0%, rgba(255, 184, 51, 1) 100%);
}

main.cloud section#concept2 .remarks {
    color: #4e4e4e;
    font-size: 9pt;
    line-height: 1.6em;
    padding-top: 20px;
}

@media screen and (max-width: 480px) {
  main.cloud section#concept2 {
    padding-top: 50px;
    padding-bottom: 0px;
  }

  main.cloud section#concept2 h2 {
    font-size: 20pt;
  }

  main.cloud section#concept2 h2 span {
    font-size: 35pt;
  }

  main.cloud section#concept2 article {
    flex-direction: column;
  }

  main.cloud section#concept2 article .contents {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  main.cloud section#concept2 article .contents .wrap h2 {
    font-size: 14pt;
    margin-bottom: 20px;
  }

  main.cloud section#concept2 article .contents .wrap .text {
    font-size: 11pt;
    line-height: 1.6em;
  }

  main.cloud section#concept2 article .contents .wrap .text p {}

  main.cloud section#concept2 article.sec1 .images {
    order: 1;
    width: 100%;
    aspect-ratio: 6 / 3;
  }

  main.cloud section#concept2 article.sec2 .images {
    order: 1;
    width: 100%;
    aspect-ratio: 6 / 3;
  }

  main.cloud section#concept2 article.sec1 .contents {
    order: 2;
  }

  main.cloud section#concept2 article.sec2 .contents {
    order: 2;
  }

  main.cloud section#concept2 .remarks {
    font-size: 10pt;
  }
}


/*料金体系*/
main.cloud section#price {
  padding-top: 100px;
  padding-bottom: 100px;
}

main.cloud section#price .section-wrap {
  max-width: 600px;
}

main.cloud section#price h2 {
  margin-bottom: 0px;
}

main.cloud section#price h4 {
  color: #A5BF00;
  font-size: 20pt;
  line-height: 1.6em;
  margin-bottom: 20px;
}

main.cloud section#price .contents-wrap {
  text-align: center;
}

main.cloud section#price .overview {
  margin-bottom: 30px;
}

main.cloud section#price .initial {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E0E0E0;
}

main.cloud section#price .subscription {
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #E0E0E0;
}

main.cloud section#price .option {}

main.cloud section#price .subscription .overview {
  font-size: 14pt;
  margin-bottom: 10px;
}

main.cloud section#price .price {
  font-size: 35pt;
  line-height: 1.6em;
}

main.cloud section#price .price span {
  font-size: 14pt;
  margin-bottom: 10px;
}

main.cloud section#price ul.remarks {}

main.cloud section#price ul.remarks li {
  font-size: 10pt;
  line-height: 1.6em;
}

main.cloud section#price ul.detail {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

main.cloud section#price ul.detail li {
  background-color: #F7F7F7;
  border-radius: 15px;
  padding: 10px;
}

main.cloud section#price ul.detail li.plus {
  background-color: transparent;
  font-size: 18pt;
}

main.cloud section#price ul.detail li p {
  font-size: 14pt;
}

main.cloud section#price ul.detail li p span {
  font-size: 9pt;
  padding-left: 5px;
}

main.cloud section#price ul.detail li p.title {
  color: #ABC121;
  font-size: 12pt;
}

@media screen and (max-width: 480px) {
  main.cloud section#price .overview {
    font-size: 10pt;
  }

  main.cloud section#price .subscription .overview {
    font-size: 12pt;
  }
}

/*ポップアップコンテンツ*/
main.cloud button#open-modal {
  border: none;
  background-color: transparent;
}

#overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* 透過グレー */
  z-index: 1000;
}

#modal {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  max-width: 600px;
  height: 80%;
  /* 高さを固定 */
  background-color: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  overflow: hidden;
  z-index: 1001;
}

#modal-content {
  padding: 20px;
  overflow-y: auto;
  /* ポップアップ内をスクロール可能に */
  height: calc(100% - 40px);
  /* 閉じるボタンのスペースを確保 */
  box-sizing: border-box;
}

#modal-content h2 {
  color: #A5BF00;
  font-weight: normal;
  font-size: 16pt;
  line-height: 1.6em;
  margin-bottom: 20px;
}

main.cloud section#price .price {
  font-size: 35pt;
  line-height: 1.6em;
}

main.cloud section#price .price span {
  font-size: 14pt;
  margin-bottom: 10px;
}

#modal-content ul.remarks {
  margin-bottom: 20px;
}

#modal-content ul.remarks li {
  font-size: 10pt;
}

#modal-content ul.price-list {}

#modal-content ul.price-list li {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ededed;
}

#modal-content ul.price-list li .name {
  margin-right: 20px;
  font-size: 23pt;
  line-height: 1.2em;
}

#modal-content ul.price-list li .name span {
  font-size: 14pt;
  padding-left: 5px;
  padding-right: 5px;
}

#modal-content ul.price-list li .price {
  margin-right: 20px;
  font-size: 23pt;
  line-height: 1.2em;
}

#modal-content ul.price-list li .price span {
  font-size: 14pt;
  padding-left: 5px;
  padding-right: 5px;
}

#modal #close-modal {
  position: absolute;
  bottom: -13px;
  right: 0;
  left: 0;
  margin: 0 auto;
  background-color: transparent;
  border: none;
  font-size: 40pt;
  cursor: pointer;
  color: #B6B6B6;
  z-index: 1002;
  /* ポップアップの上に表示 */
}

#modal #close-modal:hover {
  color: #ABC121;
}

@media screen and (max-width: 480px) {
  #modal {
    width: 90%;
    height: 90%;
  }

  #modal-content h2 {
    font-size: 13pt;
    padding-top: 45px;
  }

  main.cloud section#price .price {
    font-size: 20pt;
  }

  main.cloud section#price .price span {
    font-size: 11pt;
  }

  #modal-content ul.remarks {
    margin-bottom: 20px;
  }

  #modal-content ul.remarks li {
    font-size: 9pt;
  }

  #modal-content ul.price-list li .name {
    margin-right: 20px;
    font-size: 17pt;
    line-height: 1.2em;
  }

  #modal-content ul.price-list li .name span {
    font-size: 10pt;
    padding-left: 3px;
    padding-right: 3px;
  }

  #modal-content ul.price-list li .price {
    margin-right: 0px;
    font-size: 17pt;
  }

  #modal-content ul.price-list li .price span {
    font-size: 10pt;
    padding-left: 3px;
    padding-right: 3px;
  }
}

/*バックアップと セキュリティ体制について*/
main.cloud section#security {
  background-image: url(images/bg_cloud_section_02.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  padding-top: 100px;
  padding-bottom: 100px;
}

main.cloud section#security h2 {
  text-align: left;
  color: #FFFFFF;
  font-weight: normal;
  font-size: 24pt;
  line-height: 1.6em;
  margin-bottom: 30px;
}

main.cloud section#security .contents-wrap {
  display: flex;
  padding: 0;
}

main.cloud section#security .contents-wrap dl {
  width: 31%;
  margin-left: 1%;
  margin-right: 1%;
  border-radius: 15px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.90);
}

main.cloud section#security .contents-wrap dl dt {
  font-size: 15pt;
  line-height: 1.6em;
  margin-bottom: 20px;
}

main.cloud section#security .contents-wrap dl dd {
  font-size: 10pt;
  line-height: 1.6em;
}

@media screen and (max-width: 480px) {
  main.cloud section#security {
    background-attachment: scroll;
  }

  main.cloud section#security h2 {
    font-size: 20pt;
  }

  main.cloud section#security .contents-wrap {
    flex-direction: column;
  }

  main.cloud section#security .contents-wrap dl {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 30px;
  }
}

/*よくある質問*/
main.cloud section#faq {
  padding-top: 100px;
  padding-bottom: 100px;
}



/*申込フォーム*/
main.cloud section#form {
  padding-top: 100px;
  padding-bottom: 100px;
}

section#form .overview {
  text-align: center;
  font-size: 11pt;
  margin-bottom: 10px;
  line-height: 1.6em;
}

section#form .comment {
  text-align: center;
  margin-bottom: 50px;
}

section#form .comment p {}

section#form label span.required {
  margin-left: 10px;
  color: #FF0004;
}

section#form .terms {
  height: 500px;
  margin-left: auto;
  margin-right: auto;
  overflow-y: scroll;
  overflow-x: visible;
  background-color: #F9F9F9;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

section#form .terms .terms_of_service {
  margin-bottom: 50px;
  padding-bottom: 50px;
  border-bottom: 1px solid #C0C0C0;
}

section#form .terms .attachment {}

section#form .terms .enactment {}

section#form .terms article {
  margin-bottom: 40px;
}

section#form .terms h2 {
  background-color: transparent;
  color: #000000;
  margin-bottom: 30px;
}

section#form .terms h3 {
  font-size: 14pt;
  margin-bottom: 10px;
  text-align: left;
}

section#form .terms h4 {
  font-size: 12pt;
  margin-bottom: 10px;
  text-align: left;
}

section#form .terms .wrap {
  margin-bottom: 20px;
}

section#form .terms p {
  font-size: 10pt;
  margin-bottom: 5px;
  line-height: 1.5em;
}

section#form .terms ul {}

section#form .terms ul li {
  margin-bottom: 2px;
  line-height: 1.5em;
}

section#form .terms ul li p {
  margin-bottom: 0px;
}

@media screen and (max-width: 480px) {
  main.cloud section#form {
    padding-bottom: 0px;
  }

  section#form .overview {
    font-size: 10pt;
  }
}


/*--------------------------
製品基本テンプレート（main.basic）
---------------------------*/

main.basic {
}

main.basic section#fv {
}

main.basic section#fv .section-wrap {
display: flex;
}

main.basic section#fv .section-wrap .left {
width: 70%;
}

main.basic section#fv .section-wrap .left h3 {
  text-align: left;
  font-size: 20pt;
}

main.basic section#fv .section-wrap .left h2 {
  text-align: left;
  font-size: 40pt;
  font-weight: 400;
}

main.basic section#fv .section-wrap .left .overview {
    line-height: 1.6em;
    margin-bottom: 30px;
}

main.basic section#fv .section-wrap .left .overview p {
}

main.basic section#fv .section-wrap .left .overview p span {
font-size: 10pt;
}

main.basic section#fv .section-wrap .left .tag {
}

main.basic section#fv .section-wrap .left .tag img {
    width: 170px;
}

main.basic section#fv .section-wrap .right {
width: 30%;
display: flex;
align-items: center;
justify-content: center;
}

main.basic section#fv .section-wrap .right img {
    width: auto;
}

@media screen and (max-width: 480px) {

main.basic section#fv .section-wrap {
display: block;
}

main.basic section#fv .section-wrap .left {
width: 100%;
}

main.basic section#fv .section-wrap .left h3 {
  text-align: left;
  font-size: 12pt;
}

main.basic section#fv .section-wrap .left h2 {
  text-align: left;
  font-size: 22pt;
  line-height: 1.6em;
}

main.basic section#fv .section-wrap .left .overview {
  font-size: 10pt;
}

main.basic section#fv .section-wrap .left .overview p span {
font-size: 9pt;
}

main.basic section#fv .section-wrap .right {
width: 100%;
display: block;
text-align: center;
}

main.basic section#fv .section-wrap .right img {
    width: auto;
}

}

/*--------------------------
picmoR院内NAS
---------------------------*/

main.nas {
}

main.nas section#fv {
  background-image: url(images/bg_nas.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

main.nas section#fv .section-wrap .right {
}

main.nas section#fv .section-wrap .right img {
  max-height: 300px;
}

@media screen and (max-width: 480px) {

main.nas section#fv {
  padding-top: 100px;
  padding-bottom:50px;
}

}



/*機能紹介*/
main.nas section#function {
  background-color: #f5f5f7;
  background-image: url(images/nas_bg.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 35% auto;
}

main.nas section#function .section-wrap {
  padding-top: 100px;
  padding-bottom: 30px;
}

main.nas section#function h3 {
  text-align: left;
}

main.nas section#function h2 {
  text-align: left;
}

main.nas section#function .contents-wrap {
  padding-right: 35%;
}

main.nas section#function dl {
  margin-bottom: 30px;
}

main.nas section#function dl dt {
  font-size: 25pt;
  border-left: 10px solid #cbe22e;
  padding-left: 12px;
  margin-bottom: 1em;
  line-height: 1em;
}

main.nas section#function dl dd {
}

main.nas section#function dl .hosoku {
  font-size: 10pt;
  line-height: 1.4em;
  padding-top: 10px;
}

main.nas section#function dl .hosoku ul {
}

main.nas section#function dl .hosoku ul li {
}

@media screen and (max-width: 480px) {

main.nas section#function {
  background-position: right bottom;
  background-size: 70% auto;
}

main.nas section#function .section-wrap {
  padding-top: 100px;
  padding-bottom: 300px;
}

main.nas section#function h2 {
  margin-bottom: 0px;
}

main.nas section#function dl dt {
  font-size: 18pt;
}

main.nas section#function dl dd {
  font-size: 11pt;
}

main.nas section#function dl .hosoku {
  font-size: 10pt;
  line-height: 1.4em;
  padding-top: 10px;
}

}


/*導入条件*/
main.nas section#condition {
  background-image: url(images/lan.png);
  background-repeat: no-repeat;
  background-position: 105% center;
  background-size: 25% auto;
}

main.nas section#condition .section-wrap {
  padding-top: 100px;
  padding-bottom: 50px;
}

main.nas section#condition h3 {
  text-align: left;
}

main.nas section#condition h2 {
  text-align: left;
}

main.nas section#condition .contents-wrap {
}

main.nas section#condition .contents-wrap .text {
  font-size: 18pt;
  margin-bottom: 20px;
  line-height: 1.6em;
}

main.nas section#condition .contents-wrap .text p {
}

main.nas section#condition .contents-wrap ul {
}

main.nas section#condition .contents-wrap ul li {
  font-size: 10pt;
  line-height: 1.4em;
  margin-bottom: 5px;
}


@media screen and (max-width: 480px) {

main.nas section#condition {
  background-position: 125% bottom;
  background-size: 70% auto;
}

main.nas section#condition .section-wrap {
  padding-top: 100px;
  padding-bottom: 150px;
}

main.nas section#function .contents-wrap {
  padding-right: 0%;
}

main.nas section#condition h2 {
  margin-bottom: 0px;
}


}

/*--------------------------
picmoRバックアップHDD
---------------------------*/

main.backup {
}

main.backup section#fv {
  background-image: url(images/bg_backuphdd.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 100px;
}

main.backup section#fv .section-wrap .right {
}

main.backup section#fv .section-wrap .right img {
    max-height: 250px;
}

@media screen and (max-width: 480px) {

main.backup section#fv {
  padding-top: 100px;
  padding-bottom: 50px;
}

main.backup section#fv .section-wrap .right img {
  max-height: 250px;
  padding-top: 30px;
}

}

/*--------------------------
保守サービス・5年延長保証
---------------------------*/
main.warranty {}

main.warranty .bg_area {
  background-image: url(images/bg_maintenance.jpg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 300px;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 100px;
}

main.warranty .bg_area div {
  font-size: 24pt;
  line-height: 1.6em;
  color: black;
}

main.warranty section {
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

main.warranty .section-wrap {}

main.warranty .overview {
  margin-bottom: 20px;
}

main.warranty section h2 {
  background-color: #d0d916;
  color: white;
  line-height: 1.4em;
  font-size: 18pt;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  border-radius: 10px;
  font-weight: normal;
}

main.warranty .table {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fcfcfc;
}

main.warranty .table .th {
  width: 30%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11pt;
  font-weight: bold;
}

main.warranty .table .td {
  width: 70%;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 11pt;
  line-height: 1.8em;
}

main.warranty .table .td ul {}

main.warranty .table .td ul li {}

main.warranty .table .td.inner-table {
  display: flex;
  flex-wrap: wrap;
  padding: 0px;
}

main.warranty .table .td.inner-table .th {
  width: 40%;
}

main.warranty .table .td.inner-table .td {
  width: 60%;
}

main.warranty .table .linebg1 {
  background-color: #F3F3F3;
}

main.warranty .table .linebg2 {
  background-color: #ffffff;
}

main.warranty .discription {
  font-size: 12pt;
  line-height: 1.6em;
  margin-bottom: 30px;
  text-align: center;
}

main.warranty .additional {
  font-size: 10pt;
  line-height: 1.6em;
  margin-bottom: 30px;
  text-align: center;
}

@media screen and (max-width: 480px) {
  main.warranty .bg_area div {
    font-size: 19pt;
    line-height: 1.6em;
    width: 80%;
  }

  main.warranty .table .th {
    padding-bottom: 0px;
    width: 100%;
  }

  main.warranty .table .td {
    width: 100%;
  }

  main.warranty .table .td.inner-table .th {
    width: 60%;
  }

  main.warranty .table .td.inner-table .td {
    width: 40%;
  }

  main.warranty .table .td.inner-table .linebg1 {
    background-color: #F3F3F3;
  }

  main.warranty .table .td.inner-table .linebg2 {
    background-color: #F3F3F3;
  }

  main.warranty .discription {
    text-align: left;
  }

  main.warranty .additional {
    text-align: left;
  }
}

/*ファーストビュー*/
main.warranty #fv {
  text-align: center;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
}

main.warranty #fv .main_catch {
  font-size: 26pt;
  line-height: 1.6em;
  margin-bottom: 10px;
}

main.warranty #fv .sub_catch {
  font-size: 18pt;
  line-height: 1.6em;
  margin-bottom: 20px;
}

@media screen and (max-width: 480px) {
  main.warranty #fv {
    text-align: center;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  }

  main.warranty #fv .main_catch {
    font-size: 20pt;
  }

  main.warranty #fv .sub_catch {
    font-size: 14pt;
  }
}

/*3つのユーザー登録特典*/
main.warranty #benefits {}

main.warranty #benefits h2 {
  background-color: transparent;
  color: #d0d916;
  text-align: center;
  line-height: 1.6em;
  font-size: 30pt;
  margin-bottom: 10px;
}

main.warranty #benefits .wrap {
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  margin-bottom: 30px;
}

main.warranty #benefits .wrap dl {
  flex: 1;
}

main.warranty #benefits .wrap dl dt {
  background-color: #d0d916;
  color: white;
  line-height: 1.4em;
  font-size: 13pt;
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 10px;
  padding-left: 2%;
  border-radius: 10px;
  padding-right: 2%;
  position: relative;
  text-align: center;
}

main.warranty #benefits .wrap dl dt p {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: bold;
  position: absolute;
  top: 0px;
  left: 10px;
  color: #e0e67c;
  font-size: 40pt;
  line-height: 1em;
}

main.warranty #benefits .wrap dl dd {
  font-size: 8pt;
  line-height: 1.4em;
}

main.warranty #benefits .wrap dl dd ul {}

main.warranty #benefits .wrap dl dd ul li {}

@media screen and (max-width: 480px) {
  main.warranty #benefits h2 {
    font-size: 20pt;
  }
  main.warranty #benefits .wrap {
  flex-direction: column;
  }
  main.warranty #benefits .wrap dl {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
    margin-bottom: 30px;
  }

  main.warranty #benefits .wrap dl dd {
    font-size: 10pt;
  }
}

/*保守内容*/
main.warranty #maintenance {}

main.warranty #maintenance h2 {}

main.warranty #maintenance h3 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  color: #D0D916;
  font-size: 18pt;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  margin-bottom: 20px;
}

main.warranty #maintenance article {
  margin-bottom: 50px;
}

@media screen and (max-width: 480px) {
  main.warranty #maintenance h3 {
    font-size: 14pt;
  }
}

/*サポート窓口*/
main.warranty .support {
  width: 100%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2%;
  border-radius: 10px;
  padding-right: 2%;
  border: 4px solid #D0D916;
}

main.warranty .support h2 {
  background-color: transparent;
  line-height: 1.4em;
  font-size: 20pt;
  font-weight: bold;
  margin-bottom: 0px;
  color: #D0D916;
}

main.warranty .support .discription {
  margin-bottom: 20px;
}

main.warranty .support .wrap {
  display: flex;
  flex-wrap: wrap;
}

main.warranty .support .wrap .contact-tel {
  width: 60%;
  margin-right: 2%;
  margin-bottom: 10px;
}

main.warranty .support .wrap .contact-tel p.title {
  background-color: #d0d916;
  color: white;
  line-height: 1.4em;
  font-size: 14pt;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  border-radius: 4px;
}

main.warranty .support .wrap .contact-tel p.tel {}

main.warranty .support .wrap .contact-tel p.tel img {
  width: 50px;
  height: auto;
  margin-right: 10px;
}

main.warranty .support .wrap .contact-tel p.tel a {
  text-decoration: none;
  color: #D0D916;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 30pt;
}

main.warranty .support .wrap .contact-tel p.sub {
  font-size: 10pt;
  line-height: 1.6em;
}

main.warranty .support .wrap .contact-form {
  width: 38%;
  margin-bottom: 10px;
}

main.warranty .support .wrap .contact-form p.title {
  background-color: #d0d916;
  color: white;
  line-height: 1.4em;
  font-size: 14pt;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 20px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  border-radius: 4px;
}

main.warranty .support .wrap .contact-form p.form {}

main.warranty .support .wrap .contact-form p.form a {
  text-decoration: none;
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 2%;
  padding-right: 2%;
  text-align: center;
  border-radius: 5px;
  background-color: #bcbcbc;
  display: block;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

main.warranty .support .wrap .contact-form p.form a:hover {}

@media screen and (max-width: 480px) {
  main.warranty .support {
    padding-left: 4%;
    padding-right: 4%;
  }

  main.warranty .support .discription {
    margin-bottom: 20px;
    font-size: 10pt;
    text-align: center;
  }

  main.warranty .support .wrap .contact-tel {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 10px;
  }

  main.warranty .support .wrap .contact-form {
    width: 100%;
    margin-bottom: 10px;
  }
}

/*保証内容*/
main.warranty section#warranty {}

main.warranty section#warranty article {
  margin-bottom: 50px;
  width: 100%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

main.warranty section#warranty h2 {}

main.warranty section#warranty h3 {
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", serif;
  color: #D0D916;
  font-size: 16pt;
  font-weight: bold;
  line-height: 1.6em;
  text-align: center;
  margin-bottom: 20px;
}

main.warranty section#warranty p {
  font-size: 12pt;
  line-height: 1.8em;
}

main.warranty section#warranty .discription {}

main.warranty section#warranty dl {
  margin-bottom: 30px;
}

main.warranty section#warranty dl dt {
  margin-bottom: 10px;
}

main.warranty section#warranty dl dd {}

main.warranty section#warranty dl dd.sub {
  font-size: 10pt;
  line-height: 1.8em;
}

main.warranty section#warranty dl dd.sub ul {
  padding-top: 10px;
}

main.warranty section#warranty dl dd.sub ul li {}

@media screen and (max-width: 480px) {
  main.warranty section#warranty h3 {
    font-size: 14pt;
  }
}

/*5年保証プラン*/
main.warranty #warranty-5year {}

main.warranty #warranty-5year h2 {}

@media screen and (max-width: 480px) {}

main.warranty #warranty-5year article {}

@media screen and (max-width: 480px) {}

/*--------------------------
アップデート
---------------------------*/
/*アップデート情報*/
main.update section#update {
  padding-top: 80px;
  padding-bottom: 80px;
}

main.update section#update .index {
  text-align: center;
  font-size: 36pt;
  color: black;
  margin-bottom: 15px;
  line-height: 1em;
}

main.update section#update .contents-wrap {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

main.update section#update .article-wrap {
  margin-bottom: 50px;
  border-top: 1px solid #DDDDDD;
}

main.update section#update .contents-wrap article {
  border-bottom: 1px solid #DDDDDD;
  color: #000000;
  font-size: 12pt;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

main.update section#update .contents-wrap article:last-child {}

main.update section#update .contents-wrap article .date {
  margin-bottom: 5px;
}

main.update section#update .contents-wrap article h3 {
  text-align: left;
  margin-right: 0;
  font-size: 15pt;
  color: #c2c756;
  margin-bottom: 15px;
  line-height: 1em;
}

main.update section#update .contents-wrap article .wrap {
  padding-left: 20px;
}

main.update section#update .contents-wrap article h4 {
  font-size: 12pt;
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 15px;
  padding-right: 15px;
  background-color: #eeeeee;
  display: inline-block;
  margin-bottom: 10px;
  color: #000000;
  border-radius: 30px;
}

main.update section#update .contents-wrap article dl {
  margin-bottom: 10px;
}

main.update section#update .contents-wrap article dl dt {}

main.update section#update .contents-wrap article dl dd {
  padding-left: 10px;
}

main.update section#update .contents-wrap article ul {
  margin-bottom: 10px;
}

main.update section#update .contents-wrap article ul li {}

@media screen and (max-width: 480px) {
  main.update section#update {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  main.update section#update .index {
    font-size: 32pt;
  }

  main.update section#update .contents-wrap article {
    border-bottom: 1px solid #DDDDDD;
    color: #000000;
    font-size: 10pt;
  }
}

/*--------------------------
お問い合わせ
---------------------------*/
main.contact section#form {
  padding-top: 80px;
  padding-bottom: 80px;
}

main.contact section#form .index {
  text-align: center;
  font-size: 36pt;
  color: black;
  margin-bottom: 15px;
  line-height: 1em;
}

main.contact section#form h2 {}

main.contact section#form .overview {
  font-size: 13pt;
  margin-bottom: 20px;
  line-height: 1.6em;
}

main.contact section#form ul.remarks {
  text-align: center;
}

main.contact section#form ul.remarks li {
  font-size: 10pt;
  margin-bottom: 5px;
  line-height: 1.6em;
}

main.contact section#form .contents-wrap {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 480px) {
  main.contact section#form {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  main.contact section#form .index {
    font-size: 32pt;
  }

  main.contact section#form h2 {}

  main.contact section#form .overview {
    font-size: 10pt;
  }
}

/*--------------------------
FAQ
---------------------------*/
main.faq section#faq {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 2%;
  padding-right: 2%;
}

main.faq section#faq .index {
  text-align: center;
  font-size: 36pt;
  color: black;
  margin-bottom: 15px;
  line-height: 1em;
}

main.faq section#faq h2 {}

main.faq section#faq .overview {
  font-size: 13pt;
  margin-bottom: 20px;
  line-height: 1.6em;
  text-align: center;
}

main.faq section#faq .overview a {
  color: #c2c756;
}

main.faq section#faq .overview a:hover {
  text-decoration: underline;
}

main.faq section#faq .contents-wrap {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 480px) {
  main.faq section#faq {
    padding-top: 100px;
    padding-bottom: 80px;
  }

  main.faq section#faq .index {
    font-size: 32pt;
  }

  main.faq section#faq h2 {}

  main.faq section#faq .overview {
    font-size: 10pt;
  }
}

/*--------------------------
トラブルシューティング
---------------------------*/
main.troubleshooting section#faq {
  padding-top: 80px;
  padding-bottom: 80px;
}

main.troubleshooting section#faq .index {
  text-align: center;
  font-size: 36pt;
  color: black;
  margin-bottom: 15px;
  line-height: 1em;
}

main.troubleshooting section#faq h2 {}

main.troubleshooting section#faq .overview {
  font-size: 13pt;
  margin-bottom: 20px;
  line-height: 1.6em;
  text-align: center;
}

main.troubleshooting section#faq .contents-wrap {
  width: 96%;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

main.troubleshooting article.box {}

main.troubleshooting article.box .check-wrap {}

main.troubleshooting article.box .check-wrap h4 {
  margin-bottom: 20px;
}

main.troubleshooting article.box .check-wrap .check-list {
  padding-left: 20px;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail {}

main.troubleshooting article.box .check-wrap .check-list .check-detail h5 {
  margin-bottom: 20px;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  border-radius: 5px;
  background-color: #f0f0f0;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list {
  padding-left: 30px;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation {
  margin-bottom: 20px;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation h6 {
  margin-bottom: 20px;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation dl {
  padding-left: 30px;
  margin-bottom: 20px;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation dl dt {
  margin-bottom: 10px;
  padding-top: 5px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 5px;
  border-radius: 5px;
  background-color: #f0f0f0;
  display: inline-block;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation dl dd {
  padding-left: 20px;
}

main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation p {
  padding-left: 30px;
}

@media screen and (max-width: 480px) {
  main.troubleshooting section#faq {
    padding-top: 100px;
    padding-bottom: 80px;
    padding-left: 2%;
    padding-right: 2%;
  }

  main.troubleshooting section#faq .index {
    font-size: 32pt;
  }

  main.troubleshooting section#faq .overview {
    font-size: 10pt;
  }

  main.troubleshooting article.box .check-wrap h4 {
    font-size: 11pt;
  }

  main.troubleshooting article.box .check-wrap .check-list .check-detail h5 {
    font-size: 11pt;
  }

  main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation h6 {
    font-size: 11pt;
  }

  main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation dl dt {
    font-size: 10pt;
  }

  main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation dl dd {
    font-size: 10pt;
  }

  main.troubleshooting article.box .check-wrap .check-list .check-detail .situation-list .situation p {
    font-size: 10pt;
  }
}



/*--------------------------
特定商取引法に基づく表記
---------------------------*/

main.tokushoho section#tokushoho {
  padding-top: 80px;
  padding-bottom: 80px;
}

main.tokushoho table {
width: 96%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

main.tokushoho table tr {
  border-top: 1px solid #D0D0D0;
  border-left: 1px solid #D0D0D0;
}

main.tokushoho table tr th {
  border-right: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  padding: 20px;
  background-color: #F2F2F2;
}

main.tokushoho table tr td {
  border-right: 1px solid #D0D0D0;
  border-bottom: 1px solid #D0D0D0;
  padding: 20px;
}


@media screen and (max-width: 480px) {

main.tokushoho table tr {
  display: flex;
  flex-wrap: wrap;
}

main.tokushoho table tr th {
  padding: 10px;
  width: 100%;
  text-align: left;
}

main.tokushoho table tr td {
  padding: 10px;
  width: 100%;
}

}


/*--------------------------
プライバシーポリシー
---------------------------*/

main.privacy section#privacy {
  padding-top: 80px;
  padding-bottom: 80px;
}

main.privacy section#privacy .index {
  text-align: center;
  font-size: 36pt;
  color: black;
  margin-bottom: 15px;
  line-height: 1em;
}

main.privacy .contents-wrap {
width: 96%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}

main.privacy .contents-wrap h3 {
}

main.privacy .contents-wrap h4 {
margin-bottom: 5px;
}

main.privacy .contents-wrap .wrap {
margin-bottom: 30px;
}

main.privacy .contents-wrap p {
    font-size: 10pt;
    line-height: 1.8em;
}



@media screen and (max-width: 480px) {


}