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

/// Category
=== Parts in Category
--- Detail (effect.....etc)
::: For Multi Device

*/
/* ======================================== font ======================================== */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*------flexbox-start------*/
/*横並びにする*/
/*flexアイテムを複数行に変更*/
/*flexアイテムを右から左へ（横方向）*/
/*flexアイテムの最初と最後を端に、残りは等間隔で配置（横方向）*/
/*flexアイテムの全てを等間隔で配置（横方向）*/
/*flexアイテムをflexコンテナの左側に配置（横方向）*/
/*flexアイテムをflexコンテナの中央に配置（横方向）*/
/*flexアイテムをflexコンテナの右側に配置（横方向）*/
/*flexコンテナのクロス軸の始点に配置（縦方向）*/
/*flexコンテナのクロス軸の中央に配置（縦方向）*/
/*flexコンテナのクロス軸の終点に配置（縦方向）*/
/*flexアイテムを上から下へ垂直方向に配置*/
/*flexアイテムを下から上へ垂直方向に配置*/
/*flexアイテムを左から右へ水平方向に配置（デフォルト）*/
/*flexアイテムの伸長係数（子要素に指定）*/
/*flexアイテムの伸長係数等のリセット（子要素に指定）*/
/*------flexbox-end------*/
/* ======================================== body ======================================== */
/* line 149, sass/pu_quokkaeyeclinic.scss */
body { position: relative; margin: 0 auto; padding: 0; font-size: 14px; line-height: 100%; font-family: 'Noto Sans JP', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color: #323232; overflow-x: hidden; }
/* line 158, sass/pu_quokkaeyeclinic.scss */
body a { color: #323232; }
/* line 160, sass/pu_quokkaeyeclinic.scss */
body a:hover { transition: .2s; opacity: 0.60; filter: progid:DXImageTransform.Microsoft.alpha(Opacity=70,FinishOpacity=70); cursor: pointer !important; }
/* line 167, sass/pu_quokkaeyeclinic.scss */
body article { margin: 0 auto; width: 960px; }

@media screen and (max-width: 960px) { /* line 176, sass/pu_quokkaeyeclinic.scss */
  body article { width: 100%; } }
/* ======================================== pickup_quokkaeyeclinic ======================================== */
/* line 189, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic img { display: block; width: 100%; }
/* line 193, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic h2 { font-weight: bold; font-size: 20px; line-height: 150%; border-bottom: 1px solid #5AC8A0; padding-bottom: 10px; margin-top: 30px; text-align: justify; text-justify: inter-ideograph; line-height: 1.5em; }
/* line 204, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic .qa { margin-top: 60px; }
/* line 206, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic .qa h3 { font-size: 18px; font-weight: bold; color: #5AC8A0; position: relative; padding-left: 2.5em; line-height: 1.5em; }
/* line 213, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic .qa h3:after { position: absolute; content: ""; left: 0; top: 50%; width: 2em; height: 1px; background: #5AC8A0; }
/* line 223, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic .qa p { line-height: 2em; margin-top: 1.5em; }
/* line 228, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic .photo { margin-top: 60px; }
/* line 231, sass/pu_quokkaeyeclinic.scss */
article #pickup_quokkaeyeclinic .first { margin-top: 30px; }

@media screen and (max-width: 960px) { /* line 241, sass/pu_quokkaeyeclinic.scss */
  article #pickup_quokkaeyeclinic h2 { font-size: 18px; line-height: 1.75em; padding-bottom: 10px; margin-top: 30px; }
  /* line 247, sass/pu_quokkaeyeclinic.scss */
  article #pickup_quokkaeyeclinic .qa { margin-top: 50px; }
  /* line 249, sass/pu_quokkaeyeclinic.scss */
  article #pickup_quokkaeyeclinic .qa h3 { font-size: 16px; }
  /* line 251, sass/pu_quokkaeyeclinic.scss */
  article #pickup_quokkaeyeclinic .qa h3:after { top: 0.75em; }
  /* line 256, sass/pu_quokkaeyeclinic.scss */
  article #pickup_quokkaeyeclinic .photo { margin-top: 50px; }
  /* line 259, sass/pu_quokkaeyeclinic.scss */
  article #pickup_quokkaeyeclinic .first { margin-top: 25px; } }