@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed&display=swap');
/* フォントのライセンス表記 */
/*
'Roboto Condensed' is licensed under the Apache License 2.0.
(http://www.apache.org/licenses/LICENSE-2.0)

You can download the original font from here.
https://fonts.google.com/specimen/Roboto+Condensed
*/

html {  box-sizing: border-box;
  -ms-overflow-style: scrollbar;}

body{   background:#fff;min-height: 100vh;
  overflow-x: hidden;
  color: #242424;
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-family: 'Yaku Han JP','Noto Sans JP','Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans',sans-serif;}


 /* 横がはみ出さないように */
*,
*::after,
*::before {  box-sizing: border-box;}

 /* 全体設定 */
#all_container{max-width:650px;padding: 0;margin:0 auto;min-height: 100vh;}
#container{padding:20px;background: url('../img/bg_50.jpg') center center / cover #cfe0ea no-repeat;border-radius: 30px}


img {  border: none;  max-width: 100%;  height: auto;  margin: 1.5m 0;  padding: 0;}

a {text-decoration: none}
a:link{color:#006cc7}
a:visited{color:#906ca8}
a:hover{color:#a2c5cb}
ol,ul {  padding: 0;}

p {  line-height: 1.7em;margin: 0.5em 10px 1em 10px;  padding: 0;}

h1{margin:0}

h2{margin: 0;	padding:10px 0 10px 10px;
	border-bottom: 2px solid #bfccde;border-top: 2px solid #bfccde;
	font-weight: bold;background: url('../img/bg_50.jpg') center center / cover #cfe0ea;;line-height: 1em;font-size:100%}
h3{margin: 10px 3px;	padding: 10px 0 5px 20px;
	border-bottom: 2px solid #0342ab;
	font-weight: bold;background: url(../img/p_circle001_002.png) no-repeat left 10px;line-height: 1em;font-size:100%}


 /* コンテンツ内 */
.container-in{margin:20px;padding:10px;border: 2px solid #bfccde;border-radius: 30px;background-color:#fff}

.prof{width:60px;height:60px;position: relative;border-radius: 50%;margin-top:10px}

.pro-yoko{display: flex;max-width:250px;border-radius: 30px;margin:10px auto 0 auto;bottom:0;padding:5px 10px 0 10px;border: 2px solid #bfccde;background-color:#fff}

.img-top{margin-top:20px}