@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_hiroshima-sakura.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_hiroshima-sakura.scss */
body a { color: #323232; }
/* line 160, sass/pu_hiroshima-sakura.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_hiroshima-sakura.scss */
body article { margin: 0 auto; width: 960px; }

@media screen and (max-width: 960px) { /* line 176, sass/pu_hiroshima-sakura.scss */
  body article { width: 100%; } }
/* ======================================== pickup_asaminami-clinic ======================================== */
/* line 189, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura img { display: block; width: 100%; }
/* line 193, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura 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 203, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa { margin-top: 60px; }
/* line 205, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa h3 { font-size: 16px; font-weight: bold; color: #5AC8A0; background: #e6f7f1; padding: 1em; border-left: 8px solid; position: relative; text-align: justify; text-justify: inter-ideograph; }
/* line 215, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa h3:after { position: absolute; display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #e6f7f1 transparent transparent transparent; bottom: -15px; left: 1em; }
/* line 228, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px; }
/* line 233, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa ul li:first-of-type { width: 540px; }
/* line 236, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa ul li:last-of-type { width: calc(100% - 570px); }
/* line 239, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa ul li p { line-height: 2em; text-align: justify; text-justify: inter-ideograph; }
/* line 249, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa:nth-of-type(2n+1) ul li:first-of-type { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
/* line 254, sass/pu_hiroshima-sakura.scss */
article #pickup_hiroshima-sakura .qa:nth-of-type(2n+1) ul li:last-of-type { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; }

@media screen and (max-width: 960px) { /* line 270, sass/pu_hiroshima-sakura.scss */
  article #pickup_hiroshima-sakura h2 { font-size: 18px; line-height: 1.75em; padding-bottom: 10px; margin-top: 30px; }
  /* line 276, sass/pu_hiroshima-sakura.scss */
  article #pickup_hiroshima-sakura .qa { margin-top: 50px; }
  /* line 278, sass/pu_hiroshima-sakura.scss */
  article #pickup_hiroshima-sakura .qa h3 { font-size: 14px; padding: 0.75em 1em; line-height: 1.75em; border-left: 6px solid; }
  /* line 283, sass/pu_hiroshima-sakura.scss */
  article #pickup_hiroshima-sakura .qa h3:after { border-width: 10px 7.5px 0 7.5px; bottom: -10px; }
  /* line 288, sass/pu_hiroshima-sakura.scss */
  article #pickup_hiroshima-sakura .qa ul { display: block; margin-top: 30px; }
  /* line 292, sass/pu_hiroshima-sakura.scss */
  article #pickup_hiroshima-sakura .qa ul li:first-of-type { width: 100%; }
  /* line 295, sass/pu_hiroshima-sakura.scss */
  article #pickup_hiroshima-sakura .qa ul li:last-of-type { width: 100%; margin-top: 15px; } }