@charset "UTF-8";



/* 一括で全ての要素の余白をゼロに指定 */

* {

  margin: 0;

  padding: 0;

}



/* 全体的なリンク */

a:link,

a:visited,

a:hover,

a:active {

  text-decoration: underline;

}



a:link {

  color: #00f;

}



a:visited {

  color: #90f;

}



a:hover {

  color: #f00;

}



a:active {

  color: #f00;

}



/* ------------------------------------------------------------- */

html,

body {

  height: 100%;

}



body {

  font-size: 85%;

  text-align: center;

  font-family: Verdana, "ヒラギノ角ゴ W6 JIS2004", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;

  padding: 0;

  margin: 0;

}



/*-- 全体を囲んでいます --*/

#Twrapper {

  text-align: left;

  width: 1000px;

  margin: 0 auto;

  min-height: 100%;

}



#wrapper {

  text-align: left;

  width: 1000px;

  margin: 0 auto;

  min-height: 100%;

  background-image: url("../img/BGtile.jpg");

}



#wrapper2 {

  text-align: left;

  width: 100%;

  margin: 0 auto;

  min-height: 100%;

  background-image: url("../img/BGtile.jpg");

}

#wrapper3 {

  text-align: left;

  width: 100%;

  margin: 0 auto;

  min-height: 100%;

}



.inner {

  width: 1000px;

  margin: 0 auto;

  padding: 50px 10px;

}



/*-------------------------------- ヘッダー部分 --*/

#header {

  width: 1000px;

  height: 104px;

  position: relative;

}



#logo {

  position: absolute;

  top: 35px;

  left: 60px;

  width: 240px;

  height: 72px;

  display: block;

}



/*--------------------- コンテンツ部分 1000px --*/

h2 {

  margin: 16px 50px 32px 50px;

  padding-top: .5em;

  padding-bottom: .25em;

  padding-left: 32px;

  font-size: large;

  font-weight: bold;

}



#shoulder {

  color: #fff;

  font-size: small;

  position: relative;

  top: -55px;

  float: right;

  right: 70px;

}



.headline {

  box-shadow: 3px 3px 3px #999;

  border-radius: 6px;

  color: #fff;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6), -1px -1px 1px rgba(255, 255, 255, 0.5);

  background: #9dabf2;

  background: -moz-linear-gradient(-45deg, #9dabf2 0%, #bf7fff 70%, #9dabf2 100%);

  background: -webkit-linear-gradient(-45deg, #9dabf2 0%, #bf7fff 70%, #9dabf2 100%);

  background: linear-gradient(135deg, #9dabf2 0%, #bf7fff 70%, #9dabf2 100%);

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dabf2', endColorstr='#9dabf2', GradientType=1);

  /*background-color: #999;*/

}



.headline:before {

  content: "- ";

}



.headline:after {

  content: " -";

}



.contents {

  margin-top: 0px;

  height: auto;

}



.contentstop {

  margin-top: 0px;

  height: auto;

  position: relative;

  top: 0px;

}



video {

  border-radius: 30px;

  padding: 0px;

  margin: 0px;

  position: absolute;

  top: 100px;

  z-index: -10;

  left: 180px;

}



#incontents {

  padding-top: 24px;

  padding-bottom: 32px;

}



#bk2 {

  background-position: center 60px;

  background-repeat: no-repeat;

  background-image: url("../img/backimg.png");

}



.text {

  margin: 16px 50px 8px 50px;

  padding-left: 32px;

  padding-right: 24px;

  line-height: 1.5em;

  font-size: larger;

}



.text2 {

  margin: 0px 30px 0px 50px;

  padding-left: 32px;

  line-height: 1.65em;

  font-size: medium;

  width: 510px;

  float: left;

}



.red {

  color: #FF0000;

  font-weight: bold;

  font-size: larger;

}



.boss {

  border-radius: 10px;

  float: left;

  padding-left: 0px;

}



/*-- 創造形 120px --*/

#souzoukei {

  padding: 0px;

  margin: 0px;

  position: absolute;

  width: 120px;

  height: 120px;

  top: 47px;

  left: 65px;

}



#sou {

  padding: 0px;

  margin: 0px;

  position: absolute;

  background-image: url("../img/sou.png");

  background-repeat: no-repeat;

  width: 60px;

  height: 60px;

}



#zou {

  padding: 0px;

  margin: 0px;

  position: absolute;

  background-image: url("../img/zou.png");

  background-repeat: no-repeat;

  width: 60px;

  height: 60px;

  left: 60px;

}



#kei {

  padding: 0px;

  margin: 0px 0px 0px 60px;

  position: absolute;

  background-image: url("../img/kei.png");

  background-repeat: no-repeat;

  width: 60px;

  height: 60px;

  top: 60px;

}



/*-- 創造形 吹き出し --*/

#souzou {

  padding: 0px;

  margin: 0px;

  position: absolute;

  width: 400px;

  height: 48px;

  float: left;

  color: #202020;

  font-size: 97.5%;

  line-height: 1.25em;

  top: 6px;

  left: 130px;

}



#zoukei {

  padding: 0px;

  margin: 0px;

  position: absolute;

  width: 56px;

  height: 320px;

  clear: left;

  color: #202020;

  writing-mode: vertical-rl;

  -ms-writing-mode: tb-rl;

  -webkit-writing-mode: vertical-rl;

  font-size: 97.5%;

  line-height: 1.25em;

  top: 132px;

  left: 63px;

}



#footertop {

  text-align: right;

  color: #666;

  line-height: 150%;

  font-size: small;

  height: 56px;

  position: absolute;

  top: 551px;

  left: 660px;

  width: 300px;

}



/*------------------------------------------- フッター部分 --*/

#footer {

  margin-top: 0px;

  width: 956px;

  text-align: right;

  color: #666;

  line-height: 150%;

  font-size: small;

  height: 64px;

  margin-bottom: 0px;

  margin-right: 44px;

  right: 44px;

  padding-top: 0px;

  clear: left;

  padding-bottom: 16px;

}



small {

  font-size: xx-small;

  padding-top: 0px;

  margin-top: 0px;

}



/*-------------------------------------------------------------topナビ部分*/

.dropmenu:before,

.dropmenu:after {

  content: "";

  display: table;

}



.dropmenu:after {

  clear: both;

}



.dropmenu {

  border-style: hidden hidden solid hidden;

  font-size: 100%;

  list-style-type: none;

  width: 456px;

  height: 64px;

  position: absolute;

  bottom: 18px;

  right: 0px;

  border-bottom-width: 1px;

  border-bottom-color: #bf7fff;

  /*666から変更*/

}



.dropmenu li {

  padding: 0px;

  width: 48px;

  float: left;

  position: relative;

  margin-right: 4px;

  margin-left: 4px;

}



.dropmenu li a {

  border-radius: 0px;

  text-align: center;

  text-decoration: none;

  width: 48px;

  height: 64px;

  display: block;

  text-decoration: none;

  color: #604499;

  font-weight: bolder;

  font-size: 100%;

}



.dropmenu li a:hover {

  font-weight: bolder;

  text-decoration: none;

  font-size: 100%;

}



/*--------------------------------サブメニュー部分--*/

.dropmenu ul {

  list-style-type: none;

}



.dropmenu ul li {

  width: auto;

  height: 24px;

  float: none;

  position: relative;

  margin-right: 0px;

  margin-left: 0px;

}



.dropmenu ul li a {

  text-align: center;

  text-decoration: none;

  width: 48px;

  height: 24px;

  padding-top: 8px;

  display: block;

  color: #202020;

  font-weight: normal;

  font-size: 80%;

}



.dropmenu ul li a:hover {

  text-decoration: none;

  color: #fff;

  opacity: 1;

  background-color: #92abf2;

  font-weight: normal;

  font-size: 80%;

}



.drop1 ul li a {

  transition: background 0.3s ease 0s;

}



.drop2 ul li a {

  transition: background 0.3s ease 0s;

}



.drop3 ul li a {

  transition: background 0.3s ease 0s;

}



.drop4 ul li a {

  transition: background 0.3s ease 0s;

}



.drop5 ul li a {

  transition: background 0.3s ease 0s;

}



.drop6 ul li a {

  transition: background 0.3s ease 0s;

}



.drop7 ul li a {

  transition: background 0.3s ease 0s;

}



.drop1 ul li a:hover {

  border-radius: 6px;

  text-decoration: none;

  color: #fff;

  opacity: 1;

  font-weight: normal;

  font-size: 80%;

  background: #cb60b3;

  /*background-color: #6c6;*/

}



.drop2 ul li a:hover {

  border-radius: 6px;

  text-decoration: none;

  color: #fff;

  opacity: 1;

  background-color: #699;

  font-weight: normal;

  font-size: 80%;

}



.drop3 ul li a:hover {

  border-radius: 6px;

  text-decoration: none;

  color: #fff;

  opacity: 1;

  background-color: #8af;

  font-weight: normal;

  font-size: 80%;

}



.drop4 ul li a:hover {

  border-radius: 6px;

  text-decoration: none;

  color: #fff;

  opacity: 1;

  background-color: #96f;

  font-weight: normal;

  font-size: 80%;

}



.drop5 ul li a:hover {

  border-radius: 6px;

  text-decoration: none;

  color: #fff;

  opacity: 1;

  background-color: #F8F;

  font-weight: normal;

  font-size: 80%;

}



.drop6 ul li a:hover {

  border-radius: 6px;

  text-decoration: none;

  color: #fff;

  opacity: 1;

  background-color: #F8a;

  font-weight: normal;

  font-size: 80%;

}



.drop7 ul li a:hover {

  border-radius: 6px;

  text-decoration: none;

  color: #fff;

  opacity: 1;

  background-color: #Fa8;

  font-weight: normal;

  font-size: 80%;

}



/* 表示・非表示 



#normal li ul li{

  overflow: hidden;

  height: 0;

  transition: .2s;

}

#normal li:hover ul li{

	overflow: visible;

	height: 36px;

	z-index: 100;

}

*/

/*-----------------------------------------------------------ナビ終わり */

/*----------------------------------------------------------- */

.tel {

  font-weight: lighter;

  font-size: smaller;

  padding-left: 2em;

}



.add {

  font-weight: normal;

  font-size: medium;

  padding-left: 2em;

}



.list {

  overflow: hidden;

  margin: 0px 50px 8px 50px;

  padding-top: 8px;

  padding-bottom: 16px;

  padding-left: 32px;

  text-align: left;

  color: #202020;

  text-decoration: none;

  font-weight: normal;

  font-size: 125%;

  line-height: 1.75em;

  border-bottom: 1px solid #cfd8dd;

  clear: right;

}



.list2 {

  margin: 0px 50px 8px 50px;

  padding-top: 8px;

  padding-bottom: 16px;

  padding-left: 32px;

  text-align: left;

  color: #202020;

  text-decoration: none;

  font-weight: normal;

  font-size: 125%;

  line-height: 1.75em;

}



.list3 {

  padding-top: 8px;

  padding-bottom: 0px;

  padding-left: 32px;

  text-align: left;

  color: #202020;

  text-decoration: none;

  font-weight: normal;

  font-size: 125%;

  line-height: 1.75em;

  height: 200px;

  margin-top: 0px;

  margin-right: 50px;

  margin-left: 50px;

}



.list4 {

  margin: 0px 50px 8px 50px;

  padding-top: 0px;

  padding-bottom: 8px;

  padding-left: 16px;

  text-align: left;

  color: #202020;

  text-decoration: none;

  font-weight: normal;

  font-size: medium;

  line-height: 1.75em;

  height: 260px;

}



.list5 {

  overflow: hidden;

  border-bottom: 1px solid #cfd8dd;

  padding-bottom: 16px;

}



.name {

  font-size: large;

  font-weight: bolder;

}



.tel {

  font-size: smaller;

}



.square {

  margin: 0px 8px 8px 8px;

  padding: .75em 1em .75em 1em;

  border-radius: 8px;

  color: #202020;

  background-color: #999;

  text-align: center;

  font-size: small;

}



.square2 {

  margin: 0px 8px 8px 8px;

  padding: .75em 1em .75em 1em;

  border-radius: 8px;

  color: #FFF;

  background-color: #c9c;

  text-align: center;

  font-size: small;

}



.Arrow {

  color: #202020;

  font-weight: bold;

}



.flow1 {

  background-position: center bottom;

  margin: 8px 0px 0px 4px;

  padding: 8px 0px 0px 8px;

  background-color: #828bb1;

  float: left;

  width: 12%;

  height: 142px;

  background-repeat: no-repeat;

  background-image: url("../img/skill1.png");

}



.flow2 {

  background-position: center bottom;

  margin: 8px 0px 0px 4px;

  padding: 8px 0px 0px 8px;

  background-color: #828bb1;

  float: left;

  width: 12%;

  height: 142px;

  background-repeat: no-repeat;

  background-image: url("../img/skill2.png");

}



.flow3 {

  background-position: center bottom;

  margin: 8px 0px 0px 4px;

  padding: 8px 0px 0px 8px;

  background-color: #828bb1;

  float: left;

  width: 12%;

  height: 142px;

  background-repeat: no-repeat;

  background-image: url("../img/skill3.png");

}



.flow4 {

  background-position: center bottom;

  margin: 8px 0px 0px 4px;

  padding: 8px 0px 0px 8px;

  background-color: #828bb1;

  float: left;

  width: 12%;

  height: 142px;

  background-repeat: no-repeat;

  background-image: url("../img/skill4.png");

}



.flow5 {

  background-position: center bottom;

  margin: 8px 0px 0px 4px;

  padding: 8px 0px 0px 8px;

  background-color: #828bb1;

  float: left;

  width: 12%;

  height: 142px;

  background-repeat: no-repeat;

  background-image: url("../img/skill5.png");

}



.flow6 {

  background-position: center bottom;

  margin: 8px 0px 0px 4px;

  padding: 8px 0px 0px 8px;

  background-color: #828bb1;

  float: left;

  width: 12%;

  height: 142px;

  background-repeat: no-repeat;

  background-image: url("../img/skill6.png");

}



.flow1 dt {

  border-radius: 3px;

  background-color: #fff;

  padding-top: 4px;

  padding-bottom: 4px;

  padding-left: 8px;

  margin-right: 8px;

}



.flow2 dt {

  border-radius: 3px;

  background-color: #fff;

  padding-top: 4px;

  padding-bottom: 4px;

  padding-left: 8px;

  margin-right: 8px;

}



.flow3 dt {

  border-radius: 3px;

  background-color: #fff;

  padding-top: 4px;

  padding-bottom: 4px;

  padding-left: 8px;

  margin-right: 8px;

}



.flow4 dt {

  border-radius: 3px;

  background-color: #fff;

  padding-top: 4px;

  padding-bottom: 4px;

  padding-left: 8px;

  margin-right: 8px;

}



.flow5 dt {

  border-radius: 3px;

  background-color: #fff;

  padding-top: 4px;

  padding-bottom: 4px;

  padding-left: 8px;

  margin-right: 8px;

}



.flow6 dt {

  border-radius: 3px;

  background-color: #fff;

  padding-top: 4px;

  padding-bottom: 4px;

  padding-left: 8px;

  margin-right: 8px;

}



.flow dd {

  font-size: small;

  color: #202020;

  font-weight: lighter;

  padding-left: .5em;

  line-height: 1.75em;

  padding-top: .5em;

}



.triangle {

  padding: 0px;

  margin: 8px 8px 0px 0px;

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 75px 0 75px 16px;

  border-color: transparent transparent transparent #828bb1;

  float: left;

}



.desc {

  font-size: large;

  padding: 0px 0px 0px 16px;

  margin-top: 0px;

}



.desc dt {

  border-radius: 3px;

  color: #666;

  float: left;

  width: 96px;

  height: 40px;

  margin-bottom: 8px;

  background-color: #ccc;

  padding-left: 8px;

  margin-right: 8px;

  padding-top: 8px;

}



.desc dd {

  color: #202020;

  padding: 4px 0px 8px 40px;

  line-height: 1.35em;

  margin-bottom: 8px;

  font-size: smaller;

}



.ldea {

  margin-left: 360px;

  padding-right: 8px;

  clear: right;

}



.map {

  overflow: hidden;

  float: left;

  margin-right: 16px;

  margin-top: 8px;

  font-size: small;

  width: 370px;

  height: 360px;

  line-height: 1.75em;

}



.officephoto {

  margin-top: 24px;

}



/* テーブル------------------------------------------------------------- */

.listTable {

  width: 85%;

  margin-right: auto;

  margin-left: auto;

  border-collapse: collapse;

  color: #202020;

}



.listTable th,

.listTable td {

  margin: 0px;

  border-top: 1px solid #cfd8dd;

  border-bottom: 1px solid #cfd8dd;

  vertical-align: middle;

  padding-top: 1em;

  padding-left: 3em;

  padding-bottom: 1em;

  line-height: 1.75em;

}



.listTable th {

  border-right: 1px solid #cfd8dd;

  vertical-align: top;

  font-weight: normal;

  text-align: left;

}



.cnt-block {

  margin-top: 1em;

}



.cnt-block dt {

  font-weight: bolder;

}



.cnt-block dd {

  font-weight: normal;

  margin-top: .25em;

  margin-left: 2em;

}



/* ------------------------------------------------------------- */

.pic {

  text-align: center;

}



.pic1 {

  margin: 30px;

  width: 210px;

  height: 158px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}



.pic2 {

  overflow: hidden;

  text-align: center;

  width: 870px;

  display: block;

  margin-left: 65px;

}



.pict {

  padding: 2px 2px 18px 2px;

  margin: 16px 2px 16px 2px;

  float: left;

}



.pics {

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}



.pic3 {

  width: 210px;

  height: 158px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}



.picTable {

  width: 85%;

  margin-right: auto;

  margin-left: auto;

  border-collapse: collapse;

  color: #202020;

  text-align: center;

}



.pic4 {

  margin: 30px 30px 10px 30px;

  width: 210px;

  height: 158px;

  border-radius: 10px;

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

}



/* ---------------------------------------------------------フォーム*/

form {

  /* フォームをページの中央に置く */

  margin: 0 auto;

  width: 560px;

  /* フォームの範囲がわかるようにする */

  padding: 1em;

  border: 1px solid #CCC;

  border-radius: 1em;

}



form div+div {

  margin-top: 1em;

}



label {

  /* すべてのラベルを同じサイズにして、きちんと揃える */

  display: inline-block;

  width: 120px;

  text-align: right;

}



input,

textarea {

  /* すべてのテキストフィールドのフォント設定を一致させる

       デフォルトで、textarea は等幅フォントが設定されている */

  font: 1em sans-serif;

  /* すべてのテキストフィールドを同じサイズにする */

  width: 300px;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  /* テキストフィールドのボーダーの外見を同一にする */

  border: 1px solid #999;

}



input:focus,

textarea:focus {

  /* アクティブな要素を少し強調する */

  border-color: #000;

}



textarea {

  /* 複数行のテキストフィールドをラベルにきちんと揃える */

  vertical-align: top;

  /* テキスト入力に十分な領域を与える */

  height: 20em;

  /* ユーザが textarea を垂直方向にリサイズできるようにする

       これが動作しないブラウザもある */

  resize: vertical;

}



.button {

  /* ボタンを他のテキストフィールドと同じ場所に置く */

  padding-left: 120px;

  /* label 要素と同じサイズ */

}



button {

  /* このマージンは、ラベルとテキストフィールドの間のスペースと

       おおよそ同じスペースを表す */

  margin-left: .5em;

}



/*ページトップ*/

#pageTop {

  position: fixed;

  bottom: 20px;

  right: 20px;

}



#pageTop a {

  display: block;

  z-index: 999;

  padding: 8px 0 0 0;

  border-radius: 6px;

  width: 36px;

  height: 36px;

  background-color: #bf7fff;

  color: #fff;

  font-weight: bold;

  text-decoration: none;

  text-align: center;

}



#pageTop a:hover {

  text-decoration: none;

  opacity: 0.7;

}



.text3 {

  margin: 16px 50px 8px 50px;

  padding-left: 32px;

  padding-right: 24px;

  line-height: 1.5em;

  font-size: larger;

  clear: right;

}



.flex {

  display: flex;

  flex-wrap: wrap;

}



#wrapper2 #header {

  margin: 0 auto !important;

}

#wrapper3 #header {

  margin: 0 auto !important;

}

.himatsuboshi img {

  max-width: 100%;

}



.himatsuboshi h2 {

  font-size: 50px;

  color: #4d4d4d;

  text-align: center;

}



.himatsuboshi .s1 .main {

  text-align: center;

}



.himatsuboshi .s1 .main img {

  width: 1200px;

  margin: 0 auto;

}



.himatsuboshi section.s2 {

  background-color: #fff;

}



.himatsuboshi section.s2 h2 {

  border-bottom: 2px solid #7283ab;

}



.himatsuboshi section.s2 div.thumb.flex {

  flex-wrap: nowrap;

  justify-content: center;

}



.himatsuboshi section.s2 div.thumb.flex div.box {

  width: 25%;

  padding: 10px;

}



.himatsuboshi section.s2 div.thumb.flex div.box h3 {

  background-color: #7283ab;

  color: #fff;

  padding: 14px 10px;

  text-align: center;

  font-weight: normal;

  font-size: 16px;

}



.himatsuboshi section.s2 div.thumb.flex div.box h3 small {

  font-size: 14px;

}



.himatsuboshi section.s3 {

  background-color: #f2f2f2;

}



.himatsuboshi section.s3 div.thumb {

  flex-wrap: wrap;

  justify-content: left;

}



.himatsuboshi section.s3 div.thumb div.box {

  width: 31%;

  padding: 10px;

  margin-bottom: 50px;

}



.himatsuboshi section.s3 div.thumb div.box h3 {

  font-size: 30px;

  font-weight: normal;

  color: #ff80a9;

  padding: 10px 0;

}



.himatsuboshi section.s4 {

  background-color: #7284ac;

}



.himatsuboshi section.s4 p.desc {

  color: #fff;

  font-size: 30px;

  font-weight: bold;

  text-align: center;

  margin-bottom: 50px;

}



.himatsuboshi section.s4 div.thumb {

  justify-content: center;

  flex-wrap: nowrap;

}



.himatsuboshi section.s4 div.thumb div.box {

  width: 33%;

  padding: 20px;

}



.himatsuboshi section.s5 {

  background-color: #f2f2f2;

}



.himatsuboshi section.s5 h3{

  font-size: 30px;

  font-weight: normal;

  color: #ff80a9;

  padding: 10px 0;

}



.himatsuboshi section.s5 div.thumb {

  justify-content: left;

}



.himatsuboshi section.s5 div.thumb div.box {

  width: 31%;

  padding: 10px;

  margin-bottom: 50px;

}



.himatsuboshi section.s5 div.thumb div.box img {

  width: 100%;

}



.himatsuboshi section.s6 {

  background-color: #fff;

}



.himatsuboshi section.s6 div.sunpou {

  margin: 100px 0;

}



.himatsuboshi section.s6 p.desc {

  font-size: 40px;

  color: #7284ac;

  font-weight: bold;

  margin-bottom: 100px;

  text-align: center;

}



.himatsuboshi section.s6 p.desc span {

  border-bottom: 4px solid #7284ac;

  padding: 10px 20px;

}



.himatsuboshi section.s6 div.thumb {

  justify-content: center;

  flex-wrap: wrap;

}



.himatsuboshi section.s6 div.thumb div.box {

  width: 30%;

  padding: 10px;

}



.himatsuboshi section.s6 div.thumb div.box p.nb {

  font-size: 30px;

  font-weight: normal;

  color: #ff80a9;

  padding: 10px 0;

}



.himatsuboshi section.s6 div.thumb div.box p.desc {

  text-align: left;

  font-size: 24px;

  color: #717071;

  padding: 0;

}



.himatsuboshi section.s7 {

  background-color: #f2f2f2;

}



.himatsuboshi section.s7 table {

  width: 80%;

  margin: 50px auto;

  border-collapse: collapse;

}



.himatsuboshi section.s7 table th,

.himatsuboshi section.s7 table td {

  border: 1px solid #000;

  padding: 10px;

  font-size: 18px;

  text-align: center;

}



.himatsuboshi section.s7 table.ks th,

.himatsuboshi section.s7 table.ks td {

  text-align: center;

}



.himatsuboshi section.s7 h3 {

  text-align: center;

  font-size: 28px;

  color: #4d4d4d;

  margin-bottom: 20px;

}



.himatsuboshi section.s7 div.thumb {

  flex-wrap: nowrap;

  margin-bottom: 50px;

}



.himatsuboshi section.s7 div.thumb div.box {

  padding: 20px;

}



.himatsuboshi section.s8 {

  background-color: #fff;

}



.himatsuboshi section.s8 div.bn1 {

  margin-bottom: 50px;

  text-align: center;

}



.himatsuboshi section.s8 div.bn2 {

  text-align: center;

}



.faceshield img {

  display: block;

  margin: auto;

  max-width: 100%;

}



.faceshield h2 {

  font-size: 50px;

  color: #4d4d4d;

  text-align: center;

}



.faceshield table {

  border-collapse: collapse;

  width: 90%;

  margin: 0 auto 50px auto;

}



.faceshield .s1 .main {

  text-align: center;

}



.faceshield .s1 .main img {

  width: 1200px;

  margin: 0 auto;

}



.faceshield section.s2 {

  background-color: #fff;

}



.faceshield section.s2 h2 {

  border-bottom: 4px solid #7283ab;

  margin-bottom: 100px;

}



.faceshield section.s2 div.inner .desc1 {

  width: 90%;

}



.faceshield section.s2 div.inner .desc1 .nb {

  font-size: 30px;

  font-weight: normal;

  color: #ff80a9;

  padding: 10px 0;

}



.faceshield section.s2 div.inner .desc1 P {

  font-size: 24px;

  color: #717071;

  font-weight: bold;

}



.faceshield section.s2 div.inner div.thumb.flex {

  justify-content: center;

}



.faceshield section.s2 div.inner div.thumb.flex div.box {

  width: 46%;

  padding: 20px;

  text-align: center;

}



.faceshield section.s2 div.inner div.thumb.flex div.box p.nb {

  font-size: 30px;

  font-weight: normal;

  color: #ff80a9;

  text-align: left;

  padding: 10px 50px;

}



.faceshield section.s2 div.inner div.thumb.flex div.box p.desc {

  color: #717071;

  font-weight: bold;

  text-align: left;

  padding: 0 50px;

  font-size: 24px;

}



.faceshield section.s2 div.inner div.thumb.flex div.desc2 {

  padding: 80px 0;

  text-align: center;

  width: 100%;

}



.faceshield section.s2 div.inner div.thumb.flex div.desc2 p {

  font-size: 22px;

  color: #717071;

  font-weight: bold;

}



.faceshield section.s3 {

  background-color: #7280a3;

}



.faceshield section.s3 div.inner p.desc {

  font-size: 38px;

  color: #fff;

  font-weight: bold;

  text-align: center;

  padding: 40px 0;

  margin-bottom: 50px;

}



.faceshield section.s3 div.inner div.thumb.flex {

  flex-wrap: nowrap;

}



.faceshield section.s3 div.inner div.thumb.flex div.box {

  width: 33%;

  padding: 20px;

}



.faceshield section.s4 {

  background-color: #f2f2f2;

}



.faceshield section.s4 div.inner div.thumb.flex div.box {

  width: 50%;

  text-align: center;

}



.faceshield section.s4 div.inner div.thumb.flex div.box p {

  padding: 40px;

  font-size: 26px;

  font-weight: bold;

  color: #717071;

}



.faceshield section.s5 {

  background-color: #fff;

}



.faceshield section.s5 div.inner h2 {

  border-bottom: 4px solid #7283ab;

  margin-bottom: 100px;

}



.faceshield section.s5 div.inner div.thumb.flex {

  flex-wrap: nowrap;

}



.faceshield section.s5 div.inner div.thumb.flex div.box {

  padding: 10px;

}



.faceshield section.s5 div.inner p.desc {

  font-size: 30px;

  color: #80809f;

  font-weight: bold;

  margin-bottom: 100px;

  text-align: center;

  padding: 50px 0;

}



.faceshield section.s5 div.inner p.desc2 {

  font-size: 40px;

  color: #4d4d4d;

  font-weight: bold;

  text-align: center;

}



.faceshield section.s6 {

  background-color: #f0e9e3;

}



.faceshield section.s6 div.inner p.desc {

  padding: 40px;

  text-align: center;

}



.faceshield section.s6 div.inner .thumb {

  justify-content: center;

}



.faceshield section.s6 div.inner .thumb div.box {

  width: 30%;

  padding: 10px;

  margin-bottom: 50px;

}



.faceshield section.s6 div.inner .thumb div.box p.nb {

  font-size: 30px;

  color: #ff80a9;

}



.faceshield section.s6 div.inner .thumb div.box p.desc {

  font-size: 24px;

  color: #717071;

  padding: 0px;

  font-weight: bold;

  text-align: left;

}



.faceshield section.s7 {

  background-color: #fff;

}



.faceshield section.s7 div.inner div.fld.flex {

  flex-wrap: nowrap;

}



.faceshield section.s7 div.inner div.fld.flex div.s-list {

  width: 48%;

}



.faceshield section.s7 div.inner div.fld.flex div.s-list ul li {

  list-style: none;

  font-size: 20px;

  color: #717071;

  margin-bottom: 2em;

  font-weight: bold;

}



.faceshield section.s7 div.inner div.fld.flex div.s-list ul li span.nb {

  font-size: 34px;

  color: #7180ff;

}



.faceshield section.s7 div.inner div.fld.flex div.s-list ul li small {

  color: #80809f;

  font-size: 14px;

  display: block;

}



.faceshield section.s7 div.inner div.fld.flex div.thumb {

  width: 48%;

}



.faceshield section.s8 {

  background-color: #fff;

}



.faceshield section.s8 div.inner table.ks {

  text-align: center;

}



.faceshield section.s8 div.inner table{

  width: 80%;

}



.faceshield section.s8 div.inner table.ks tbody tr th,

.faceshield section.s8 div.inner table.ks tbody tr td {

  padding: 10px;

  border: 1px solid #000;

  font-size: 18px;

  font-weight: normal;

}



.faceshield section.s8 div.inner table.ks tbody tr th {

  width: 30%;

}



.faceshield section.s8 div.inner table.ks tbody tr td {

  width: 70%;

}



.faceshield section.s9 {

  background-color: #fff;

}



.faceshield section.s9 div.inner div.thumb {

  padding: 100px 0;

}



.faceshield section.s10 {

  background-color: #f2f2f2;

}



.faceshield section.s10 div.inner div.thumb.flex {

  flex-wrap: nowrap;

}



.faceshield section.s10 div.inner div.thumb.flex div.box {

  width: 31%;

  padding: 10px;

}



.faceshield section.s10 div.inner table.kk {

  margin-bottom: 10px;

}



.faceshield section.s10 div.inner table.kk tbody tr th,

.faceshield section.s10 div.inner table.kk tbody tr td {

  border: 1px solid #000;

  padding: 10px;

  text-align: center;

}



.faceshield section.s10 div.inner p.desc {

  padding: 0 50px;

}



.faceshield section.s11 {

  background-color: #fff;

}



.faceshield section.s11 div.bn1 {

  margin-bottom: 50px;

  text-align: center;

}



.faceshield section.s11 div.bn2 {

  text-align: center;

}



.footer-banner {

  flex-wrap: nowrap;

  justify-content: center;

  position: absolute;

  top: 600px;

  width: 100%;

}



.footer-banner .box {

  text-align: center;

  width: 30%;

  padding: 20px;

}



.covid-area {

  position: absolute;

  top: 50px;

  left: 1000px;

}



.mouthshield img {

  max-width: 100%;

}



.mouthshield h2 {

  font-size: 50px;

  color: #4d4d4d;

  text-align: center;

}



.mouthshield .s1 .main {

  text-align: center;

}



.mouthshield .s1 .main img {

  width: 1200px;

  margin: 0 auto;

}

.mouthshield .bana1 {

  background-color: #C7DFFF;

  text-align: center;

}

.mouthshield .bana1 img {

    text-align: center;

	max-width: 1260px;

	margin: 60px auto 100px;

	width: 80%;

}

.mouthshield .bana2 {

    text-align: center;

	background-color: #FFFFFF;

}

.mouthshield .bana2 img {

    text-align: center;

	max-width: 1260px;

	margin: 40px auto;

	width: 60%;

}



.mouthshield .bana2_n {

    text-align: center;

	background-color: #FFFFFF;

}

.mouthshield .bana2_n img {

    text-align: center;

	max-width: 1260px;

	margin: 40px auto;

	width: 35%;

}



.mouthshield section.s2 {

  background-color: #fff;

}



.mouthshield section.s2 h2 {

  border-bottom: 4px solid #7283ab;

  margin-bottom: 50px;

}



.mouthshield section.s2 div.inner .desc1 {

  width: 90%;

}



.mouthshield section.s2 div.inner .desc1 .nb {

  font-size: 30px;

  font-weight: normal;

  color: #ff80a9;

  padding: 10px 0;

}



.mouthshield section.s2 div.inner .desc1 P {

  font-size: 24px;

  color: #717071;

  font-weight: bold;

}



.mouthshield section.s2 div.inner div.thumb.flex {

  justify-content: center;

}



.mouthshield section.s2 div.inner div.thumb.flex div.box {

  width: 28%;

  padding: 20px;

  text-align: center;

}

.mouthshield section.s2 div.inner div.thumb.flex div.box02 {

  width: 63%;

  color: #7198FF;

  text-align: left;

	font-size: 20px;

	font-weight: bold;

	margin-top: 170px;

}



.mouthshield section.s2 div.inner div.thumb.flex div.box p.nb {

  font-size: 20px;

  font-weight: bold;

  color: #7180FF;

  text-align: left;

  padding: 8px 5px;

}



.mouthshield section.s2 div.inner div.thumb.flex div.box p.desc {

  color: #717071;

  font-weight: bold;

  text-align: left;

  padding: 5px 0 0 5px;

  font-size: 18px;

}



.mouthshield section.s2 div.inner div.thumb.flex div.desc2 {

  padding: 80px 0;

  text-align: left;

  width: 70%;

}



.mouthshield section.s2 div.inner div.thumb.flex div.desc2 p {

  font-size: 22px;

  color: #717071;

  font-weight: bold;

}



.bu_bana {

	background-color: #0080FF;

	color: #FFFFFF;

	padding: 10px 50px;

	width: 1000px;

}



.mouthshield section.bu_ba {

  background-color: #fff;

}



.mouthshield section.bu_ba h2 {

  border-bottom: 4px solid #7283ab;

  margin-bottom: 50px;

}



.bu_bana {

	background-color: #0080FF;

	color: #FFFFFF;

	padding: 10px 180px;

	width: 55%;

	font-size: 20px;

	margin: auto;

}

.bu_bana span {

	font-size: 28px;

}

.bu_bana_a {

	margin: 20px auto;

}

.bu_bana_b {

	margin: 50px auto;

	text-align: center;

}

.bu_bana_tex {

	width: 100%;

    max-width: 392px;

	background-color: #728096;

	color: #FFFFFF;

	text-align: center;

	font-size: 26px;

	padding: 16px 0;

	margin-top: 20px;

}

.bu_bana_tex02 {

	text-align: center;

	font-size: 26px;

	font-weight: bold;

	color: #808080;

	margin: 50px auto 80px;

}



.mouthshield section.order_made {

  background-color: #FFE8E2;

	border-top: solid #ff8197 5px;

}



.mouthshield section.order_made h2 {

  border-bottom: 4px solid #ff8197;

  margin-bottom: 100px;

	width: 50%;

	margin: auto;

}



.mouthshield section.order_made div.inner .desc1 {

  width: 90%;

}



.mouthshield section.order_made div.inner .desc1 .nb {

  font-size: 30px;

  font-weight: normal;

  color: #ff80a9;

  padding: 10px 0;

}



.mouthshield section.order_made div.inner .desc1 P {

  font-size: 24px;

  color: #717071;

  font-weight: bold;

}



.mouthshield section.order_made div.inner div.thumb.flex {

  justify-content: center;

}



.mouthshield section.order_made div.inner div.thumb.flex div.box {

  width: 33%;

  text-align: center;

}

.mouthshield section.order_made div.inner div.thumb.flex div.box02 {

  width: 63%;

  color: #7198FF;

  text-align: left;

	font-size: 20px;

	font-weight: bold;

	margin-top: 170px;

}



.mouthshield section.order_made div.inner div.thumb.flex div.box p.nb {

    font-size: 20px;

	background-color: #DD6381;

	color: #FFFFFF;

	text-align: center;

    padding: 8px 5px;

	width: 80%;

	margin: auto;

}



.mouthshield section.order_made div.inner div.thumb.flex div.box p.desc {

  color: #717071;

  font-weight: bold;

  text-align: left;

  padding: 5px 0 0 5px;

  font-size: 18px;

}



.mouthshield section.order_made div.inner div.thumb.flex div.desc2 {

  padding: 80px 0;

  text-align: left;

  width: 70%;

}



.mouthshield section.order_made div.inner div.thumb.flex div.desc2 p {

  font-size: 22px;

  color: #717071;

  font-weight: bold;

}

.order_made_a {

	margin: 50px auto;

}

.order_made_b {

	margin: 50px auto;

	text-align: center;

}

.order_made_tex02 {

	text-align: center;

	font-size: 26px;

	font-weight: bold;

	color: #808080;

	margin: 20px auto 80px;

}

.order_made_bana {

	text-align: center;

	margin: 30px auto;

	width: 70%;

}



.mouthshield section.s3 {

  background-color: #7280a3;

}



.mouthshield section.s3 div.inner p.desc {

  font-size: 38px;

  color: #fff;

  font-weight: bold;

  text-align: center;

  padding: 40px 0;

  margin-bottom: 50px;

}



.mouthshield section.s3 div.inner div.thumb.flex {

  flex-wrap: nowrap;

}



.mouthshield section.s3 div.inner div.thumb.flex div.box {

  width: 33%;

  padding: 20px;

}

.mouthshield section.s4 {

  	background-color: #f2f2f2;

	margin-top: 100px;

}



.option {

	margin-top: -110px;

}



.mouthshield section.s4 div.inner div.thumb.flex div.box {

  width: 50%;

  text-align: center;

}



.mouthshield section.s4 div.inner div.thumb.flex div.box p {

  padding: 40px;

  font-size: 26px;

  font-weight: bold;

  color: #717071;

}



.mouthshield section.s7 {

  background-color: #fff;

}



.mouthshield section.s7 div.inner div.fld.flex {

  flex-wrap: nowrap;

}



.mouthshield section.s7 div.inner div.fld.flex div.s-list {

  width: 52%;

}



.mouthshield section.s7 div.inner div.fld.flex div.s-list ul li {

  list-style: none;

  font-size: 20px;

  color: #717071;

  margin-bottom: 2em;

  font-weight: bold;

}



.mouthshield section.s7 div.inner div.fld.flex div.s-list ul li span.nb {

  font-size: 34px;

  color: #7180ff;

}



.mouthshield section.s7 div.inner div.fld.flex div.s-list ul li small {

  color: #80809f;

  font-size: 14px;

  display: block;

}



.mouthshield section.s7 div.inner div.fld.flex div.thumb {

  width: 48%;

  margin-top: auto;

}



.head-border {

    display: flex;

    align-items: center;

}



.head-border:before,

.head-border:after {

    content: "";

    height: 3px;

    flex-grow: 1;

    background-color: #666;

}



.head-border:before {

    margin-right: 1rem;

}



.head-border:after {

    margin-left: 1rem;

}

.mouthshield section.s8 {

  background-color: #fff;

}

.ma_top30 {

	margin-top: 30px;

}

.ma_top80 {

	margin-top: 80px;

}

.ma_top100 {

	margin-top: 100px;

}

.ma_bot50 {

	margin-bottom: 50px;

}

table.shiyo {

	border:solid 2px #4D4D4D;

	width: 870px;

	border-collapse:collapse;

	border-spacing:0;

	margin-left: 80px;

	margin-bottom: 20px;

}

table.shiyo th{

	border-right:solid 1px #4D4D4D;

	border-bottom:solid 1px #4D4D4D;

	padding:3px;

	text-align:center;

	font-weight:bold;

	width: 30%;

}

table.shiyo td{

	border-right:solid 1px #4D4D4D;

	border-bottom:solid 1px #4D4D4D;

	padding:3px;

	font-size:13px;

	text-align: center;

}



table.kakaku {

	border:solid 1px #4D4D4D;

	width: 870px;

	border-collapse:collapse;

	border-spacing:0;

	margin-left: 80px;

	margin-bottom: 10px;

	font-weight:bold;

}

table.kakaku th{

	border-right:solid 1px #4D4D4D;

	border-bottom:solid 2px #4D4D4D;

	padding:3px;

	text-align:center;

}

table.kakaku td{

	border-right:solid 1px #4D4D4D;

	border-bottom:solid 1px #4D4D4D;

	padding:3px;

	font-size:13px;

	text-align: center;

}

table.kakaku td.mei {

	text-align: left;

	padding-left: 10px;

	width: 20%;

}



table.kakaku td.no {

	width: 18%;

}

.kakaku_te {

	margin-left: 80px;

	font-size: 12px;

}

.kakaku_img {

	margin-left: 80px;

}



.mouths {

	width: 870px;

	margin-left: 80px;

}



.mouths-box-1 {

float:left;

margin-right:5px;

width:120px;

}

.mouths-box-2 {

float:left;

width:120px;

}





/* パソコンで見たときは"pc"のclassがついた画像が表示される */

.pc { display: block !important; }

.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */



/* @media only screen and (max-width: 750px) {

.pc { display: none !important; }

.sp { display: block !important; }



.mouthshield .bana1 {

  background-color: #ffffff;

  text-align: center;

}

.mouthshield .bana1 img {

    text-align: center;

	margin: 10px auto 20px;

	width: 100%;

}



.mouthshield .bana2_n img {

    text-align: center;

	margin: 10px auto;

	width: 60%;

}	

.mouthshield section.s2 div.inner div.thumb.flex div.box {

  width: 100%;

  padding: 20px;

  text-align: center;

}	

.inner {

  width: 90%;

  padding: 20px 0;

}

.mouthshield section.s2 div.inner div.thumb.flex div.box p.nb {

  font-size: 18px;

  text-align: center;

  padding: 8px 5px 0;

}	

.mouthshield section.s2 div.inner div.thumb.flex div.box p.desc {

  text-align: center;

  padding: 5px 0 0 5px;

  font-size: 16px;

}	

.mouthshield section.s2 div.inner div.thumb.flex div.box02 {

  width: 90%;

  text-align: left;

	font-size: 16px;

	margin-top: 5px;

}	

.mouthshield section.s2 h2 {

  border-bottom: 3px solid #7283ab;

  margin-bottom: 10px;

}	

.mouthshield h2 {

  font-size: 30px;

    margin-left: auto;

    margin-right: auto;

    padding-left: 0;

}	

.bu_bana {

	padding: 10px;

	width: 98%;

	font-size: 14px;

	margin: auto;

}

.bu_bana span {

	font-size: 16px;

	font-weight: bold;

}	





.mouthshield section.order_made h2 {

    margin-bottom: 20px;

    width: 80%;

}

.order_made_a {

    margin: 20px auto;

}

.order_made_tex02 {

    font-size: 20px;

    margin-bottom: 20px;

}

.mouthshield section.s3 div.inner p.desc {

    font-size: 26px;

    padding: 20px 0;

    margin-bottom: 0px;

}

.mouthshield section.s4 div.inner div.thumb.flex div.box p {

    padding: 10px;

    font-size: 19px;

}

.mouthshield section.s4 div.inner div.thumb.flex div.box p br {

    display: none;

}

.mouthshield section.s7 div.inner div.fld.flex div.s-list {

  width: 100%;

}

.mouthshield section.s7 div.inner div.fld.flex {

    display: block;

}

.mouthshield section.s7 div.inner div.fld.flex div.thumb {

    width: 100%;

}



table.shiyo,

table.kakaku,

.kakaku_te,

.kakaku_img,

.mouths{margin-left: 0;}		



table.shiyo {

	width: 510px;

	margin-bottom: 20px;

}	

table.shiyo th{

	width: auto;



}

table.shiyo td{

	width: 60%;



}

	

.mouthshield section.s7 div.inner div.fld.flex div.s-list ul li span.nb {

  font-size: 24px;

}	

	

.mouthshield section.s7 div.inner div.fld.flex div.s-list ul li {

  list-style: none;

  font-size: 16px;

  color: #717071;

  margin-bottom: 2em;

  font-weight: bold;

	text-indent:-1.5em; 

	padding-left:1.5em;

}

	

.mouthshield section.s7 div.inner div.fld.flex div.s-list ul li small {

	margin-top: 10px;

	text-indent:-1em; 

	padding-left:1em;





}	

	

.bu_bana_tex {

	font-size: 20px;

	padding: 10px 0;

}	

	

.bu_bana_tex02 {

	font-size: 16px;

	margin: 20px auto 30px;

}	

	

	

	

	

	

	

	

} */