@charset "utf-8";
/* 冒頭でimport */
@import url('https://fonts.googleapis.com/css?family=Raleway:700&display=swap');
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,700&display=swap&subset=japanese');
/* フォントを指定したいところで */

logo img{
    border-radius: 50%;
    width: 150px;
    height: 150px;
    object-fit: cover; /* 画像のトリミング */
}

logotohome img{
    border-radius: 70%;
    width: 70px;
    height: 70px;
    object-fit: cover; /* 画像のトリミング */
}



/* ========== common ========== */
html, body {
	font-size: 16px;
	font-family: sans-serif;
	color: #333333;
    margin-left: 15px;
    margin-bottom: 40px;
	background: #DCDCDC	;
}
h1{
    text-indent: 0em;
    margin: 2em auto;
 padding: 1em;
 width: 90%;
 
}
h2{
    margin-left: 1em;
    margin-top: 1em;
}
h3{
    margin-left: 2em;
}
div{
    margin-top: 1em;
    margin-left: 3em;
}
p{
    margin-left: 3em;
}
span.blackback{
    text-indent: 3em;
    background: #393939;
    color: #efefef;
}
.dezain12{
    font-size: 45px;
    font-weight: bold;
    font-family: "游ゴシック","YuGothic","Yu Gothic","游ゴシック体"; font-weight: 500;
    margin: 90px;
}
.f1{
    font-family: "游ゴシック","YuGothic","Yu Gothic","游ゴシック体"; font-weight: 500;
    font-weight: bold;
    clear: both;
    float: right;
}
.hp1{
    font-size: 25px;
    margin: 30px;
    float: right;
}
.hp2{
    font-size: 25px;
    margin: 30px;
    float: right;
}
.test{
    font-size: 25px;
    margin: 30px;
    float: right;
}
.f2{
    font-size: 20px;
    font-family: "游ゴシック","YuGothic","Yu Gothic","游ゴシック体"; font-weight: 800; font-size: larger;
    margin: 90px;
    float: left;
    ul{
        color: #DCDCDC;
        border-top: solid #8FBC8F 5px;/*上のボーダー*/
        border-bottom: solid #8FBC8F 5px;/*下のボーダー*/
        padding: 0.5em 0 0.5em 1.5em;
      }
      
      ul li {
        line-height: 1.5;
        padding: 0.5em 0;
      }
}
a{
    color: #4682B4;
}
.f3{
    font-family: "游ゴシック","YuGothic","Yu Gothic","游ゴシック体"; font-weight: 500;
}
.box17{
    font-family: "游ゴシック","YuGothic","Yu Gothic","游ゴシック体"; font-weight: 500;
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px black;
    border-bottom: solid 2px black;
}
.box17:before, .box17:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: black;
}
.box17:before {left: 10px;}
.box17:after {right: 10px;}
.box17 p {
    margin: 0; 
    padding: 0;
}