@charset "utf-8";

/*
Reset
*/
html,body,h1,h2,h3,h4,h5,h6,div,span,ul,ol,p,b,
br,table,section,article,video,audio,
address,strong,form,aside,footer,header {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
}

img{
	border:0px;
	vertical-align:top;/*画像の下に勝手に生じる隙間をなくす*/
}

p {
	color:#000;
}

h1 {
	color:#000;
}

h2 {
	color:#000;
}

h3 {
  position: relative;
  color: #333;
  text-shadow: 0 0 2px white;
  font-weight:400;
}
h3:before {
  content: "";
  position: absolute;
  background: #afd5be;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: 30px;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
  z-index: -1;
}

h4 {
	position:relative;
	color:#000;
	text-shadow: 0 0 2px white;
	padding:50px 60px 50px 40px;
	font-weight:400;
	font-size:18px;
}

h4:before {
  content: "";
  position: absolute;
  background: #adcbca;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  top: 50%;
  /* border: dashed 1px white; */
  left: 44px;
  -webkit-transform: translateY(-55%);
  transform: translateY(-55%);
  z-index: -1;
}

a {
	text-decoration:none;
	color:#333;
}
a:hover{
	color:#777;
	text-decoration:none;
}

a:focus{
	outline:none;/*　aタグフォーカス時の枠を消すだけのコード　*/
}

/*
-----------------------------
body
-----------------------------
*/
body {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	background-color:white;
}

#wrap {
	width:400px;
	height:px;
	background-position:left top;
	background-repeat:no-repeat;
}

/*
-----------------------------
upper
-----------------------------
*/
.upper { 
	width:400px;
	height:120px;
	background-color:#FFF;
	padding-left:px;
	text-align:center;
	float:left;
}

.upper a{ 
	width:px;
	height:px;
}

.midashi {
	width:370px;
	float:left;
	padding-left:20px;
	padding-right:10px;
	background-color:#fff;
}

/*
-----------------------------
middle
-----------------------------
*/

.renraku {
	width:250px;
	height:26px;
	position:relative;
	top:px;
	left:px;
}

/*
-----------------------------
footer
-----------------------------
*/
.mokuji {
    margin-bottom: 30px;
    border: 2px solid #ff8200;
	border-left:0px;
	border-bottom:0px;
	border-right:0.1px solid #fff;
    border-radius: 30px;
	background:white;
}

.mokuji div {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px 0;
	padding-left:50px;
    background-color: #ff8200;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.mokuji div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.mokuji ol {
    list-style-type: none;
    margin: 0;
    overflow: hidden;
}

.mokuji > ol {
    padding: 1em 1em 1em 3em;
}

.mokuji ol ol {
    margin-top: 5px;
    padding-left: 1.1em;
}

.mokuji li {
    padding: 5px 0;
    font-weight: 600;
}

.mokuji ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.mokuji a {
    color: #333;
    text-decoration: none;
}

.kiji {
	padding-left:20px;
}

.head-big:first-letter {
	color:#ff8200;
	font-size:2em;
}

.pro {
	width:300px;
	height:210px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

fieldset {
	width:320px;
	height:270px;
}

.copyright{
	width:350px;
	padding-left:10px;
	height:25px;
	font-size:14px;
	color:#333;
	float:left;
}

.sikaku {
	width:350px;
}