@charset "UTF-8";
@import url("reset.css");

@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Medium");
}
/* font-weight: bold の時は通常どおり Bold 書体を使わせる */
@font-face {
  font-family: "Yu Gothic M";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}

body{font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; line-height: 1.4;}

a{ color: inherit; text-decoration: none;}
.wrap{ width: 1040px; margin: 0 auto;}

header{ width: 100%; border-bottom: 2px solid #ec6616;}
header > .wrap{ width: 90%;}

.key img{ width: 100%;}

.container{ padding: 6vw 0;}

p.ttl{ text-align: center; font-size: 2.44em; }
p.txt{ line-height: 2; text-align: center; padding: 2vw 0;}

p > i{ padding-right: .25em;}

.cv{ box-sizing: border-box; width: 650px; padding: 5%; border: #000 solid 1px; margin: 4vw auto;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.cv > p{ text-align: center;}
.cv > p:nth-child(1){ font-size: 2.24em;}
.cv > p:nth-child(3){ font-size: 2.88em; font-weight: bold; padding-top: .25em;}

.foot.wrap{ width: 700px; padding-bottom: 4vh;}
.foot dl::after{ content: ""; display: block; clear: both;}
.foot dl dd{ padding: 2.5% 5%;}
.foot dl dd:nth-child(1){ width: 50%; float: left; box-sizing: border-box;}
.foot dl dd:nth-child(2){ width: 50%; float: right; box-sizing: border-box;}

.foot dl dd p:nth-child(1){ font-weight: bold; font-size: 1.25em;}

footer{ text-align: center; background: #000; color: #fff; padding: .25em 0;}

/* 幅が 767px 以下であれば */
@media (max-width:767px) {
	.wrap{ width: 95%;}
	.cv,.foot.wrap{ width: 95%;}
	.foot.wrap dl{ width: 80%; margin: 0 auto 5vh;}
	p.ttl{ font-size: 1.25em;}
	p.txt{ text-align: left;}
	
	.foot dl dd:nth-child(1),.foot dl dd:nth-child(2){ float: none; width: 100%;}
	.foot dl dd p:nth-child(1){ text-align: center;}
	
	.cv > p:nth-child(1){ font-size: 1.25em; font-weight: bold;}
	.cv > p:nth-child(2){ font-size: .8em;}
	.cv > p:nth-child(3){ font-size: 1.88em;}
	
	
}