@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {display: block}

audio,canvas,video {display : inline-block}

audio:not([controls]) { display: none;height: 0}

[hidden] {display: none}

html {
    font-family: sans-serif; /* 1 */
/* 日本語のfont-familyへの対応 */
/* 解ミン 宙 Bはさくらインターネット上のみで使用可能です */
    font-family: "Noto Sans JP", sans-serif, "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
	font-weight: 400;
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
	letter-spacing: 0.1em;
}

.gothic {
    font-family: "Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif;
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
	font-weight: 400;
}
body { margin : 0}

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre { margin: 0} /*上方向のmarginを0にします */

ul, li{
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style:none;
}

a:focus { outline: thin dotted}

a:hover,a:active { outline : 0}

html { font-size: 100%;
		letter-spacing:0.05em ;
	}
	/* レスポンシブ   タイプセッティングへの対応 */

/* 禁則処理の追加 */
p,li,dt,dd,th,td,pre{
-ms-line-break: strict;
line-break: strict;
-ms-word-break: break-strict;
word-break: break-strict}


abbr[title] { border-bottom : 1px dotted}

b, strong { font-weight : bold}


mark { background: #ff0;
color: #000}

code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em}

sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline}

sup {top: -0.5em}
sub {bottom: -0.25em}

img {
max-width :100%; /* フルードイメージへの対応 */
vertical-align: middle; /* 追加箇所 */
border: 0}

svg:not(:root) {overflow: hidden}

figure {margin: 0}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

button, input, select, textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 2 */
	margin: 0; /* 3 */}

button,input {line-height: normal; /* 1 */}

button,
input[type="button"],  /* 1 */
input[type="reset"], 
input[type="submit"] {
-webkit-appearance: button; /* 2 */
cursor: pointer; /* 3 */}/
}

button[disabled],
input[disabled] {cursor: default}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0}

textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */}

table {
    border-collapse: collapse;
    border-spacing: 0;
}
a:hover{
	opacity: .7;
}
/* リセット記述終了 */

/* clearfix
------------------------------------------------------------*/
.clearfix:after {
	content: '';
	display: block;
	clear: both;
	height:0;
}


div,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,table,pre {
	box-sizing: border-box;	
}
html{
	width: 100%;
	height: 100%;
}
body{
	width: 100%;
	
	background-color: #fff;
	color: #3E1602;
	height: 100%;

}
.wrap{
	width: 100%;
	height: 100%;
	min-height: 600px;
	position: relative;
	background-image:url(../images/.jpg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background: #13BAEE;
	background: linear-gradient(180deg,rgba(19, 186, 238, 1) 0%, rgba(29, 92, 170, 1) 100%);
}
.content1{
	width: 65%;
	max-width: 350px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.p1{
	width: 87%;
    display: block;
    margin: 6em auto 0 auto;
}
.copy1{
	font-size: 10px;
	color: #fff;
	line-height: 1em;
	text-align: center;
	font-weight: normal;
	position: absolute;
	bottom: 10px;
	width: 100%;
}