@charset "UTF-8";
/*フラット02 ブルー 1カラム*/
@import url("//share.cr-cms.net/hp_agency/hpagency.css");
@import url("//fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("//use.fontawesome.com/releases/v5.6.1/css/all.css");

/* --------- 共通 --------- */
#wrap {
background-color: #fff;
min-width: 1200px;
border: solid 8px #fff;
box-sizing: border-box;
}


/* Windows 用 Medium 指定の游ゴシック */
@font-face {
font-family: "Yu Gothic M";
src: local("Yu Gothic Medium");
}
@font-face {
font-family: YuGothicM;
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: "Open Sans", Verdana, -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 16px;
color: #141414;
letter-spacing: 0.5px;
font-kerning: auto;
line-height: 2;
}
.serif/*, #name, h2, .article h3, .gallery h3, .article h4, .article h5, .article h6, #topMenu .topMenu li a, .article.concept*/ {
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Yu Mincho", "游明朝体", "YuMincho", "游明朝", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.serif {
font-size: 120%;
font-feature-settings: "palt";
}


/*リンク体裁*/
a {
color: #00a0e9;
text-decoration: none;
font-weight: bold;
}
.article a {
text-decoration: underline;
}
a:hover {
color: #79d5ff;
font-weight: bold;
text-decoration: none;
}
.footer a:hover, .footer p a:hover {
color: #fff;
font-weight: bold;
}
.ams-build a, .ams-build a:hover {
font-weight: normal;
}

#mainArticles a:hover img,
#sideBanners  a:hover img,
div.freeHtml a:hover img,
div.image img.gallery:hover {
filter: alpha(opacity=75);
-moz-opacity:0.75;
opacity:0.75;
}

.sideBanner_body a:hover, .thumb a:hover, .image a:hover {
filter:alpha(opacity=80);
opacity:0.8;
}

/*リンクボタン*/
a.btn {
display: flex;
padding: 16px;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: bold;
background: #fff;
border: solid 1px #00a0e9;
color: #00a0e9;
border-radius: 6px;
justify-content: center;
}
/*a.btn:before {
content: ">";
transform: scaleY(0.5);
font-family: monospace;
margin-right: .15em;
}*/
a.btn:hover {
color: #fff;
background:#00a0e9;
border: solid 1px #00a0e9;
text-decoration: none;
}

.freeHtml a.btn {
color: #00a0e9;
background: #fff;
border: solid 1px #fff;
}

.freeHtml a.btn:hover {
color: #fff;
background: #00a0e9;
border: solid 1px #fff;
}

/*サイト案内*/
ul.guide li {
width: 394px;
float: left;
margin-right: 8px;
}
ul.guide li:last-of-type {
margin: 0;
}

/*----------------- ヘッダー -----------------*/
#topMenu, #title, #mainImage {
background: none;
}
#wrap_body {
padding-top: 0;
}
div#toolbar {
display: none;
}
#title {
padding: 0 0 48px;
height: 96px;
}
h1, h1 a {
margin-bottom: 0;
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
}

#title .description {
overflow: hidden;
text-indent: 110%;
white-space: nowrap;
}
/*ロゴ*/
h1 a {
display: block;
height: 96px;
width: 266px;
background: url(/materials/175852781240601.png)left center no-repeat;
background-size: 266px;
}
#title_outer{
height: 96px;
background: url(/materials/168845598930301.png) right center no-repeat;
}
/*メインイメージ*/
.mainImage img, .mainImage #slider li img {
max-width: 100%;
min-width: 1200px;
width: auto;
height: auto;
}
/*#slider .slick-slide {
height: 100vh !important;
justify-content: center;
align-items: center;
overflow: hidden;
}*/
div#mainImage {
background: #0b2e52;
}

/*トップメニュー*/
#topMenu {
background: #fff;
top: 96px;
min-height: 48px;
height: 48px !important;
box-sizing: border-box;
}
#topMenu_outer {
background: none;
margin: 0 auto;
}
#topMenu .topMenu li {
width: 240px;
padding: 0;
box-sizing: border-box;
}
#topMenu .topMenu li:hover {
background: #fff;
}
#topMenu .topMenu li a {
width: auto;
padding: 0;
color: #141414;
font-size: 16px;
letter-spacing: 0.05em;
background: none;
font-weight: bold;
line-height: 48px;
}
#topMenu .topMenu li a:hover {
color: #00a0e9;
font-weight: bold;
}


/*----------------- コンテンツ -----------------*/
/*レイアウト*/
html {scroll-behavior: smooth;}

/*#contents {
background: #f9f7f4;
}*/

div#pankuz {
width: 1200px;
margin: 24px auto;
}

.mainArticles .article {
padding-bottom: 0px;
border-bottom: none;
}
.article.max {
margin: 0;
padding: 24px 0;
background: #17a2b8;
}
/*.bg p {
letter-spacing: 0.1em;
font-size: 150%;
}*/
.mainArticles .article.zero_margin {
margin-bottom: 0;
padding-bottom: 0;
}
div#n_margin {
margin-top: -40px!important;
}
.article p {
margin-bottom: 16px;
}
#mainContents, #footer_outer,
#mainArticles,
.mainArticles .article, .mainArticles div.gallery {
width: 100%;
min-width: 1200px;
margin-bottom: 48px;
}
#title_outer, 
div#title_body, div.article_body, div#footer_body,
#topMenu_outer, #topMenu_body, #topMenu .topMenu, #mainTopics, #listTopics {
width: 1200px;
min-width: 1200px;
margin: 0 auto;
}
#mainArticles h2, #mainServices h2, #mainTopics h2, #listTopics h2 {
width: 1200px;
min-width: 1200px;
margin: 0 auto 1.5em;
}

.mainArticles .article.max .article_body, .mainArticles .article.max .article_body .image, .mainArticles .article.max .article_body img {
width: 100%;
min-width: 800px;
}


/*字詰め*/
#name, h2, h3, h4, h5, h6, .article.concept {
font-feature-settings : "palt";
}
/*大見出し*/
#mainArticles h2, #listTopics h2 {
padding: 0;
margin-bottom: 40px;
text-align: center;
font-size: 40px;
font-weight: normal;
color: #141414;
border-bottom: none;
letter-spacing: 0;
line-height: 1;
}
/*小見出し*/
.mainContents .article h3, .mainContents div.gallery h3, #mainServices h2, #mainTopics h2 {
margin-bottom: 2em;
font-size: 32px;
color: #141414;
border-bottom: none;
line-height: 1.25;
padding: 8px 0;
background: none;
font-weight: normal;
letter-spacing: 0;
position: relative;
text-align: center;
}
.mainContents .article h3:after, .mainContents div.gallery h3:after, #mainServices h2:after, #mainTopics h2:after {
position: absolute;
bottom: -0.5em;
left: 45%;
z-index: 2;
content: '';
width: 10%;
height: 4px;
background-color: #fff100;
}
.article h3 a, .article h3 a:hover {
color: #141414;
font-weight: normal;
text-decoration: none;
}
.article.bg, .article.bg h3 {
color: #fff;
}

/*見出し4*/
.article h4 {
margin-bottom: 24px;
font-size: 32px;
font-weight: bold;
letter-spacing: 1px;
color: #00a0e9;
line-height: 1;
text-align: left;
padding: 0;
border: none;
-moz-box-shadow: inset -10px -24px 0 -10px #ffff00;
-webkit-box-shadow: inset -10px -24px 0 -10px #ffff00;
box-shadow: inset -10px -24px 0 -10px #ffff00;
line-height: 100%;
display: table;
}
/*.article h4 {
padding: 0;
border-bottom: none;
margin: 1em 0;
font-weight: normal;
font-size: 24px;
color: #141414;
line-height: 1.25;
letter-spacing: 0.1em;
}
.article h4:before {
border-left: solid 4px #5ebbd4;
content: '';
padding-left: .5em;
}
.article.max h4 {
margin: 0 0 1em;
}*/
/*見出し5*/
.article h5 {
color: #fc0;
font-size: 18px;
font-weight: normal;
}

/*見出し6*/
.article h6 {
font-size: 18px;
display: flex;
margin-bottom: 8px;
justify-content: left;
align-items: baseline;
}
.article h6:before {
content: "▲";
transform: rotate(90deg) scale(0.75);
color: #00a0e9;
font-weight: bold;
margin-right: 8px;
}
/*見出し幅調整*/
.article.max h3, .article.max h4, .article.max h5, .article.max h6, .article.max p {
width: 1200px;;
min-width: 1200px;
margin-right: auto;
margin-left: auto;
}
/*最新情報*/
#mainTopics {
padding-bottom: 16px;
margin-bottom: 48px !important;
border-bottom: 4px solid #e9e9e9;
}
#mainTopics .topics li .thumb, #mainTopics .topics li .thumb img {
max-width: 100px;
max-height: 100px;
}
#mainTopics .topics li .date, .mainTopics .topics li .date {
font-size: 16px;
color: #141414;
}
#mainTopics .topics h3, .mainTopics .topics li h3 {
font-size: 18px;
}
.mainTopics .topics li h3 a {
text-decoration: underline;
}
#mainTopics .topics .description, .mainTopics .topics li .description {
font-size: 16px;
color: #141414;
margin-top: 0px;
}
#mainTopics .topics li .more a, .mainTopics .topics li .more {
padding: 8px 16px;
font-size: 16px;
font-weight: bold;
color: #fff;
}
.mainTopics .topics li .more a {
border: solid 1px #00a0e9;
background-color: #00a0e9;
color: #fff;
padding: 8px 16px;
border-radius: 4px;
}
.mainTopics .topics li .more a:hover {
border: solid 1px #00a0e9;
background: none;
color: #00a0e9 !important;
}
.mainTopics .topics {
width: 100%;
min-width: 1200px;
padding: 0;
margin: 0px 0 15px;
}
.mainTopics .topics li {
padding: 40px 0px;
font-size: 16px;
}
#mainTopics .listview a {
background: none;
padding-left: 0;
text-decoration: none;
letter-spacing: 0.1em;
font-size: 16px;
}

/*背景色*/
.article.green, .article.orange, .article.white {
background: #00a0e9;
padding: 48px 0;
color: #0b0b0b;
width: 100%;
}
.mainContents .article.green h3,
.mainContents .article.orange h3,
.mainContents .article.white h3 {
color: #f60;
text-align: center;
}
.mainContents .article.green h4 {
color: #f60;
}
.mainContents .article.green h3:after {
background-color: #f60;
}
.article.orange {
background: #fc0;
}
.article.white {
background: #fff;
}
.mainContents .article.orange h3,
.mainContents .article.orange h4 {
color: #1b1b1b;
}
.mainContents .article.orange h3:after {
background-color: #1b1b1b;
}
.mainContents .article.white h3,
.mainContents .article.white h4 {
color: #00a0e9;
}
.mainContents .article.white h3:after {
background-color: #00a0e9;
}

/*サブメニュー*/
#mainServices h2 {
margin-bottom: 0;
}
#mainServices .services {
width: 100%;
min-width: 1200px;
padding: 0;
margin: 0 auto;
border-bottom: 1px solid #e9e9e9;
}
.mainServices .services li {
width: 456px;
padding: 16px;
border-bottom: dotted 1px #ddd;
float: left;
}
.mainServices .services li:last-child {
border-bottom: none;
}
.mainServices .service h3 {
width: auto;
overflow: hidden;
margin-bottom: 12px;
font-size: 18px;
font-weight: normal;
}
.mainServices .service .description {
width: 70%;
margin-bottom: 16px;
overflow: hidden;
font-size: 14px;
/* display: none; */
}
.mainServices .service .more a {
background-image: none;
background-repeat: none;
width: 24%;
height: 32px;
text-indent: 0;
display: block;
float: right;
font-size: 14px;
color: #fff;
background: #00a0e9;
text-align: center;
line-height: 32px;
border-radius: 3px;
}
.mainServices .service .more a:hover {
background: #8155b7;
}

/*リスト*/
/*チェック*/
ul.check {
list-style: outside none;
line-height: 2;
padding-left: 2.5em;
}
ul.check li {
position: relative;
font-weight: bold;
font-size: 120%;
margin: 0 3em 0 0;
line-height: 1.5;
padding: .25em 0 .5em;
display: inline-block;
}
ul.check li strong {
font-size: 18px;
}
ul.check li::before {
display: block;
content: '';
position: absolute;
top: 0.4em;
left: -2em;
width: 0.9em;
height: 0.5em;
border-left: 4px solid #c71c1c;
border-bottom: 4px solid #E55;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

/*FAQ*/

ul.faq li.qus ,
ul.faq li.ans {
display: block;
line-height: 1.6;
margin-bottom: 20px;
padding-left: 45px;
}
ul.faq li.qus::before ,
ul.faq li.ans::before {
border-radius: 4px;
color: #fff;
display: inline-block;
height: 32px;
line-height: 32px;
margin: 0 8px 0 -40px;
text-align: center;
width: 32px;
}
ul.faq li.qus::before {
content: "Q";
border: solid 1px #00a0e9;
}
ul.faq li.ans::before {
background-color: #00a0e9;
color: #0b0b0b;
content: "A";
}

/*あなたへ*/
ul.toYou {
border: solid 2px skyblue;
border-radius: 5px;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
margin: 1em 0;
}
ul.toYou li {
font-weight: bold;
line-height: 1.5;
padding: 0.5em 0;
list-style-type: none!important;
}
ul.toYou li:before {
font-family: "Font Awesome 5 Free";
content: "\f138";
position: absolute;
left : 1em;
color: skyblue;
}

/*写真*/
.mainArticles .article_right .image {
margin: 0 0 0 24px;
}
.mainArticles .article_left .image {
margin: 0 24px 0 0;
}
.mainArticles .article img {
margin-bottom: 0;
}
.mainArticles .article .article_body.article_center .image,
.mainArticles .article .article_body.article_center img {
max-width: 1200px;
width: auto;
margin: 1em auto;
}
.mainArticles .article_left .image, .mainArticles .article_right .image,
.mainArticles .article_right img, .mainArticles .article_left img {
max-width: 600px;
width: auto;
}

.article.mini img {
max-width: 256px;
}

/*ギャラリー*/
.comment {
text-align: center;
font-weight:bold;
font-feature-settings: "palt";
}
.gallery_grid li.galleryGrid .galleryGrid_outer {
padding: 4px;
}
.gallery.example .galleryGrid_body {
box-sizing: border-box;
}
.gallery.example .comment {
border-top: solid 4px #17a2b8;
font-weight: normal;
line-height: 1.25;
}
.gallery.menu .comment {
background: #00a0e9;
color: #fff;
}
.gallery_grid li.galleryGrid .image {
margin-bottom: 0;
}

/*map*/
.article.map iframe {
width: 50% !important;
height: 454px !important;
}

/*コンセプト*/
.article.concept {
letter-spacing: 2px;
font-size: 120%;
background: #f9f7f4;
padding: 40px 0;
}
/*----------------- テーブル関連 -----------------*/
/*デフォルトテーブル*/
.article table:not(.contactTable) {
border-collapse: collapse;
border-left: 1px solid #ccc;
border-spacing: 0;
border-top: 1px solid #ccc;
margin: 10px auto;
}
.article table:not(.contactTable) td,
.article table:not(.contactTable) th {
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
height: auto;
padding: 10px;
box-sizing: border-box;
}
.article table:not(.contactTable) th {
background-color: #f7f7f7;
text-align: center;
}
/*ノーマルテーブル*/
.article table.normalTbl {
border: none;
background:none;
border-collapse: collapse;
border-spacing: 0;
margin: 10px auto;
width: 100%;
}
.article table.normalTbl th {
border: none;
background:none;
border-bottom: 1px solid #00a0e9;
color: #333;
height: auto;
width: 25%;
line-height: 150%;
padding: 16px;
text-align: center;
vertical-align: middle;
white-space: nowrap;
background: none;
}
.article table.normalTbl td {
border: none;
background:none;
border-bottom: 1px solid #ccc;
height: auto;
line-height: 150%;
padding: 16px;
}
.article table.normalTbl thead th {
width: auto;
background: #00a0e9;
color: #fff;
border-right: solid 1px #fff;
}
.article table.normalTbl.ex td:nth-child(3) {
text-align: right;
width: 10%;
}
.article table.normalTbl.ex td:nth-child(4) {
text-align: center;
width: 20%;
}
/* 表組フロー */
table#flowTbl {
border-collapse: collapse;
border-spacing: 0;
border: none;
margin: 10px auto;
width: 100%;
}
#flowTbl td {
border: 4px solid #00a0e9;
border-radius: 8px;
display: block;
height: auto;
margin-bottom: 56px;
padding: 4%;
position: relative;
}
#flowTbl td::after {
color: #00a0e9;
content: "▼";
font-family: monospace;
font-size: 48px;
left: 0;
right: 0;
/*top: 90%;
bottom: auto;
position: absolute;
text-align: center;
transform: scaleY(0.5);*/
	top:100%;
	position: absolute;
	text-align: center;
	transform: scaleY(0.5) translateY(-50%);
}
#flowTbl tr:last-child td {
margin-bottom: 0;
background:#00a0e9;
color:#fff;
}
#flowTbl tr:last-child td strong {
color:#fff;
}
#flowTbl tr:last-child td::after {
display:none;
}
#flowTbl td strong {
color: #00a0e9;
display: block;
font-size: 130%;
font-weight: bold;
}

/* 問い合わせフォーム */
p.envelope {
padding: 1em;
box-sizing: border-box;
border: 4px solid #fff100;
text-align: center;
}

#article_contact, #article_company {
width: 1200px;
padding: 0px;
background-color: #fff;
border: none;
}
table.contactTable {
border-collapse: collapse;
border-spacing: 0;
border-left: none;
border-top: none;
border-bottom: none;
margin: 16px auto;
width: 1200px;
}
table.contactTable tr th {
border-bottom: 1px solid #00a0e9;
border-right: none;
color: #333;
background:none;
height: auto;
line-height: 150%;
padding: 16px;
text-align: left;
vertical-align: middle;
width:30%;
}
table.contactTable td {
border-bottom: 1px solid #CCC;
border-right: none;
height: auto;
line-height: 150%;
padding: 20px 30px;
}
table.contactTable label input {
margin-left: 10px;
margin-right: 5px;
border: 0px;
}
table.contactTable input.textField {
border:solid 1px #999;
width: 100%;
}
table.contactTable .textField {
width: 100%;
font-size: 16px;
}
table.contactTable tr.must th {
background-position: 95% center;
background-repeat: no-repeat;
padding: 0 40px 0 16px;
}
table.contactTable select {
font-size: 100%;
width: 100%;
}
table.contactTable label {
font-size: 100%;
width: 100%;
display: inline-block;
}
table.contactTable input.button {
background-image: none;
background-color: #00a0e9;
border: solid 1px #00a0e9;
color: #fff;
display: block;
font-size: 16px;
height: 50px;
letter-spacing: 5px;
margin: 0 10% 0 25%;
outline: none;
width: 20%;
padding: 8px 0;
border-radius: 6px;
float: left;
}
table.contactTable input.button:hover {
background-image: none;
background-color: #fff;
border: solid 1px #00a0e9;
color: #00a0e9;
cursor: pointer;
}

table.contactTable input[type="button"] {
background-image: none;
background-color: #ccc;
border: none;
color: #525252;
display: block;
font-size: 16px;
height: 50px;
letter-spacing: 5px;
margin: 0 25% 0 0;
outline: none;
width: 20%;
padding: 8px 0;
border-radius: 6px;
float: left;
}

table.contactTable input[type="button"]:hover {
background-image: none;
background-color: #525252;
color: #fff;
cursor: pointer;
}

.contact-note {
font-size: 12px;
}
#article_contact_ext {
font-size: 14px;
border: none;
}
table.contactTable .th_headline {
font-weight: bold;
color: #fff;
background: #00a0e9;
border: none;
text-align: center;
}
.validator-form .validator-valid {
background-color: #e9fff1;
}
.validator-form .validator-field.validator-invalid {
background-color: #ffeaea;
}

/*確認画面*/
form.ams-form-submit.validator-form {
padding: 0 4%;
}

/*個人情報保護方針*/
ol.pp {
padding-left: 1.55em;
}
ol.pp li {
list-style-type: decimal;
padding: 5px;
}
ul.notes {
list-style-type: none;
margin-left:1em;
}
ul.notes li::before {
content: "◆";
margin-left: -1em;
font-family: sans-serif;
}
ul.ps {
list-style-type: none;
margin-left:1em;
}
ul.ps li::before {
content: "※";
margin-left: -1em;
font-family: sans-serif;
}
ul.maru {
list-style-type: none;
margin-left:1em;
}
ul.maru li::before {
content: "●";
margin-left: -1em;
font-family: sans-serif;
}


/*サイド*/
#sideContents {
color: #fff;
background: #00a0e9;
}
.sideServices h2, .sideMobile h2 {
font-size: 16px;
}
.sideMobile h2 {
padding: 20px 0 20px 45px;
}
.sideMobile p {
font-size: 14px;
}
.sideBlogCategories h2, .sideBlogDates h2 {
font-size: 1em;
color: #fff;
}
.sideBlogCategories a, .sideBlogDates a {
padding: 0 15px;
font-size: 1em;
}
div#sideBlogCategories {
width: 34%;
float: left;
}
div#sideBlogDates {
width: 32%;
float: left;
}
#sideContact {
bottom: 0;
}
.sideServices ul li a {
padding: 12px 15px 10px 27px;
font-size: 16px;
}

.sideServices ul li a, .sideBlogCategories a, .sideBlogDates a {
color: #fff;
font-weight: normal;
}
.sideServices ul li a:hover, .sideBlogCategories a:hover, .sideBlogDates a:hover {
color: #fff;
font-weight: bold;
}

#sideBanners li img {
width: auto !important;
max-width: 240px;
padding: 0;
}

.freeHtml_outer {
padding: 0;
background: none!important;
}
.freeHtml {
font-size: 1em;
}
div.freeHtml_body p {
float: left;
display: block;
margin: 16px auto 0;
width: 100%;
}
div#side {
float: left;
}

div#toFormBtn {
float: right;
width: 50%;
}
div#clear {
clear: both;
}

/*アイコン*/
.sideServices h2 {
background: url(/materials/162218656032301.png) 0 20px no-repeat;
}
.sideServices ul li a {
background: url(/materials/162218656032403.png) 8px center no-repeat;
}

.sideBlogCategories h2:before, .sideBlogDates h2:before {
background: none;
}
.sideBlogCategories h2:before, .sideBlogDates h2:before, .sideBlogCategories h2:after, .sideBlogDates h2:after {
content: none;
}
.sideBlogCategories h2 {
background: url(/materials/162218656032404.png) 0 20px no-repeat;
}
.sideBlogDates h2 {
background: url(/materials/162218664353701.png) 0 20px no-repeat;
}
.sideMobile h2 {
background: url(/materials/162218656032402.png) 0 20px no-repeat;
}

/*フッタ*/
#footer {
background: #00a0e9;
}
.footer li a, .footer * {
font-size: 16px;
color: #fff;
font-weight: normal;
}
#sideContents_outer {
width: 1200px;
min-width: 1200px;
padding: 30px 0;
}
.footer .topMenu {
width: 88%;
text-align: center;
margin: 0 auto;
}
.footer li {
width: 20%;
margin: 0;
}
.footer .copyright {
text-align: center;
}
.box2 {
padding: 0.5em 1em;
margin: 2em 0;
font-weight: bold;
color: #00a0e9;/*文字色*/
background: #FFF;
border: solid 3px #00a0e9;/*線*/
border-radius: 10px;/*角の丸み*/
}
.box2 p {
margin: 0; 
padding: 0;
}