@charset "utf-8";

/*
 * CSS for SmartPhone
 * @date     2022.06
 */
 .pc { display: none !important;}

 #widewrapper  { width: 100%; background: url(../images/bg.png) repeat-x bottom #fff;}
 #contentsArea { background: url(../images/kv_bg.png) no-repeat 50% 0; background-size: 100%; padding-bottom: 16px; overflow: hidden;}
 #contentsArea h1 { display: block; width: 100%; text-align: center; padding-top:10%;}
 #contentsArea img { width: 100%;}

 #part1 { width: 100%; background: url(../images/wave.png) no-repeat center center; padding:0 0 32px;}
 #part1 dl { width: calc(100% - 32px); margin: 0 16px; overflow: hidden;}
 #part1 dl dt { width:60%; padding: 0 0 20px; float: left; }
 #part1 dl dd { width:100%; float:left; text-align: center;}
 #part1 dl dd p  { margin:0 0 16px; line-height: 180%; font-size: 21px;}
 #part1 dl dd p strong { font-size: 21px; color: #299BE2;}
 #part1 dl dd span.note{ font-size: 14px; line-height: 140%; clear: both; display: block; text-align: left; padding:0 0 16px;}

 #part2 { width: calc(100% - 32px); text-align: center; margin:16px;}
 #part2 a.bnr { display: block; margin-top: 16px;}