@charset "UTF-8";*{margin:0;padding:0;}
a{text-decoration:underline;}
a:link,a:visited{color:#1B0090;}
a:hover,a:active{text-decoration:blink;}
img.icon {border-radius: 30px;}
body{font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;padding-top:100px;}
header{position:fixed;background:#1B0090;font-size:1em;
	left:0;top:0;width:100%;height:100px;z-index:10;}
header a:link,header a:visited{color:#ffffff;text-decoration:none;}
header a:hover,header a:active{text-decoration:underline;}
.company{left:45px;top:35px;margin-left:1vw;position:absolute;font-size:1.3em;display:block;width:120px;text-align:center;line-height:1.5;display: flex;justify-content: center;align-items: center;//background:black;}
header nav{position:absolute;top:38px;right:2vw;width:50%;display:none;}
header nav ul {list-style:none;}
header nav li {float:left;width:25%;text-align:center;}
.menu {position:relative;}
.menu-btn {position: absolute;display: flex;top:27.5px;left:2vw;height: 45px;width: 45px;justify-content: center;align-items: center;z-index: 90;background: #1B0090;}
#menu-btn-check:checked ~ .menu-btn{background: #303030;}
.menu-content {position: fixed;width: 50%;height: 100%;top: 0px;left:-100%;z-index: 80;background: #303030;transition-duration:0.4s;}
#menu-btn-check:checked ~ .menu-content {left: 0;}
.menu-content ul {padding: 90px 10px 0;}
.menu-content ul li {border-bottom: solid 1px #ffffff;}
.menu-content ul li a {display: block;width: 100%;padding: 9px 0;text-decoration:none;}
#menu-btn-check{display:none;}
.menu-btn span,.menu-btn span::before,.menu-btn span::after{content:'';display:block;height: 3px;width: 25px;background: #ffffff;position: absolute;}
#menu-btn-check:checked ~ .menu-btn span {background:rgba(255, 255, 255, 0);transition-duration:0.4s;transform: rotate(90deg);}
#menu-btn-check:checked ~ .menu-btn span::before {bottom: 0;transition-duration:0.4s;transform: rotate(135deg);}
#menu-btn-check:checked ~ .menu-btn span::after {top: 0;transition-duration:0.4s;transform: rotate(45deg);}
#menu-btn-check ~ .menu-btn span {background:rgba(255, 255, 255, 255);transition-duration:0.4s;transform: rotate(-0deg);}
#menu-btn-check ~ .menu-btn span::before {bottom: 8px;transition-duration:0.4s;transform: rotate(-0deg);}
#menu-btn-check ~ .menu-btn span::after {top: 8px;transition-duration:0.4s;transform: rotate(-0deg);}
footer{text-align:center;padding:38px 0;}
img{max-width:80%;max-height:80%;margin:10px;}
button{background:#1B0090;color:#ffffff;margin:3vh auto;padding:3vh 3vw;border:none;font-size:1em;border-radius:3px;}
button:hover{background:#808080;}
.map{margin:2vh auto;float:left;position:relative;width:100%;height:0;padding-top:100%;//min-width:320px;//padding:2vh 4vw;}
.map iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.item1_2_1{grid-column: span 1;}
.item1_2_2{grid-column: span 1;}
.item1_2_3{grid-column: span 1;}
h2{color:#1B0090;font-weight:normal;text-align:left;padding:2vh 4vw;max-width:960px;margin:0 auto;}
.wrapper_h{background:#e8e8e8;padding:18.1px 0;}
.wrapper_a{text-align:left;padding:6vh 4vw;}
.wrapper_a2{text-align:left;padding:0 4vw;word-wrap:break-word;}
.wrapper{max-width:960px;margin:0 auto;display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));column-gap: 1px;row-gap: 1em;text-align:center;}
.wrapper p{text-align:left;padding:2vh 4vw;}
.info {width:90%;height:33.3vh;margin:0 auto;text-align:left;}
.info dl {height:100%;padding:0px 15px;overflow:scroll;-webkit-overflow-scrolling: touch;}
.info dt {padding:25px 0px 0px;font-weight:bold;}   
.info dd {padding:0px 0px 25px;border-bottom: dotted 1px #808080;} 
.form{border-radius:10px;width: 90%;margin: 0 auto;padding:4vh 0;box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5);}
#email{width: 98%;height:27px}
#service{width:100%;height:33px;background: url(../img/select.png) no-repeat right 5px top 55%;background-size:auto 50%;}
#msg{width:98%;font-family: "Hiragino Sans", "ヒラギノ角ゴシック", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", sans-serif;}
.red{color:red;}
input[type="text"],select,textarea{appearance: none;background-color: transparent;border: solid 1px #808080;border-radius: 3px;cursor: pointer;outline: none;padding: 3px 1%;color: #000;font-size:1em;}
input[type="text"]:focus,select:focus,textarea:focus {outline: 1px solid #007bff; /* 輪郭線の太さ、色を調整 */}

@media screen and (min-width:600px) { 
	/*　画面サイズが640pxからはここを読み込む　*/
	.item1_2_1{grid-column: span 2;}
	.item1_2_2{grid-column: span 2;}
	.item1_2_3{grid-column: span 2;}
}
@media screen and (min-width:900px) { 
	/*　画面サイズが960pxからはここを読み込む　*/
	.item1_2_1{grid-column: span 1;}
	.item1_2_2{grid-column: span 2;}
	.item1_2_3{grid-column: span 3;}
	header nav{display:inline-block;}
	.menu-btn{display:none;}
	.company{margin-left:2vw;left:0;}
}