@charset "utf-8";
/*
機　　能　　名：共通CSS
作　　成　　日：2019/07/30

/* ***************************************
	
**************************************** */

html {
text-align:center;
}

/* body */
body {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1;
width:100%;
-webkit-text-size-adjust:none;/* スマホ 縦横 フォント固定 */
}

.mincho {
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}

.header,.footer,.section,.nav {
display:block;
}

a { color:#663333; outline:none; text-decoration:underline; }
a:hover { text-decoration:none; }

/* logo_icon */
.logo_icon {
background:#FFFFFF;
color:#B20000;
font-weight:bold;
text-align:center;
}
/* att */
.att {
text-indent:-1em;
margin-left:1em;
}

@media screen and (min-width: 769px) {/* PC */
body {
font-size:16px;
}
.sp {
display:none !important;
}
.wrapper,.wrapper_pc {
margin:0 auto;
width:900px;
}
/* logo_icon */
.logo_icon {
font-size:11px;
padding:4px;
}
/* att */
.att {
font-size:12px;
}
}
@media screen and (max-width: 768px) {/* SP */
body {
font-size:13px;
}
.pc {
display:none !important;
}
.wrapper,.wrapper_sp {
margin:0 auto;
width:90%;
}
img {
width:100%;
}
a {-webkit-tap-highlight-color:rgba(0,0,0,0.30);}/* タップ時の背景色 */
a,a:hover {text-decoration:none; }
div#inquiry_privacy::-webkit-scrollbar{ /* スクロールバー本体 */
width:10px;
background:#CCC;
}
div#inquiry_privacy::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background:#222;
border-radius:5px;
}
/* logo_icon */
.logo_icon {
font-size:9px;
padding:2px;
}
/* att */
.att {
font-size:10px;
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}


/* ***************************************
	header
**************************************** */
#header {
text-align:left;
}
#header .h_top {
color:#FFFFFF;
}
@media screen and (min-width: 769px) {/* PC */
#header {
margin:0 auto 5px auto;
background:url(../images/common/h_bg_pc.png) 0 0 repeat-x;
background-size:auto 173px;
-webkit-background-size:auto 173px;
}
#header .h_top {
width:1000px;
height:148px;/* total 173px */
margin:0 auto 20px auto;
padding:25px 0 0 0;
}
#header .h_l {
float:left;
width:520px;
}
#header .h_l p {
padding-left:50px;
}
#header .h_l_main {
font-size:12px;
}
#header h1 {
margin:8px 0;
}
#header h1 img {
width:504px;
}
#header .h_l_sub {
font-size:14px;
}
#header .h_l_sub .logo_icon {
margin-right:10px;
}
#header .h_r {
float:right;
width:465px;
color:#000;
}
#header .h_r .tel_num {
width:270px;
margin-right:9px;
}
#header .h_r .info_memo {
margin-top:10px;
font-size:23px;
}
#header .h_r .info_memo_in {
border:3px solid #BA0000;
}
#header #g_nav {
padding-bottom:20px;
border-bottom:1px solid #334A66;
}
#header #g_nav ul {
width:883px;
margin:0 auto;
border-left:1px solid #CCCCCC;
}
#header #g_nav li {
border-right:1px solid #CCCCCC;
}
#header #g_nav li a {
text-decoration:none;
color:#000000;
display:block;
text-align:center;
font-size:16px;
height:30px;
line-height:30px;
padding:0 40px;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
}

@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
@media screen and (min-width: 769px) and (max-width: 1024px) {/* Tablet iPad Pro */
}

@media screen and (max-width: 768px) {/* SP */
#header {
margin:0 auto 10px auto;
height:170px;/* total 190px */
padding:10px 0;
background:url(../images/common/h_bg_sp.png) 0 0 repeat-x;
background-size:auto 190px;
-webkit-background-size:auto 190px;
}
#header .h_in {
width:320px;
margin:0 auto;
}
#header .h_l {
position:relative;
}
#header .h_l_main {
font-size:11px;
line-height:1.6;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
margin-bottom:5px;
min-height:40px;
}
#header .h_tel {
position:absolute;
top:0;
right:50px;
}
#header .h_menu {
position:absolute;
top:0;
right:0;
}
#header .h_tel img,
#header .h_menu img {
width:40px;
}
#header .h_l h1 {
margin-bottom:5px;
}
#header .h_l_sub {
font-size:10px;
position:relative;
padding-left:60px;
line-height:28px;
}
#header .h_l_sub span {
width:5em;
display:inline-block;
position:absolute;
top:0;
left:0;
line-height:1.2;
}
/* sub_menu_sp */
.body_off {
overflow:hidden;
}
#header .sub_menu_sp {
display:none;
background:rgba(138,0,0,0.9);
width:90%;
padding:0 5%;
position:fixed;
top:0;
left:0;
z-index:1000;
}
.body_off #header,
.body_off #header .sub_menu_sp {
height:100%;
overflow:auto;
}
#header .sub_menu_sp #g_nav {
position:relative;
margin-bottom:40px;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
}
#header .sub_menu_sp #g_nav li {
width:100%;
}
#header .sub_menu_sp #g_nav li a {
display:block;
color:#FFF;
}
#header .sub_menu_sp #g_nav .nav_close {
width:40px;
position:absolute;
top:15px;
right:0;
}
#header .sub_menu_sp #g_nav .nav_top {
font-size:14px;
border-bottom:1px solid #FFF;
margin-top:15px;
}
#header .sub_menu_sp #g_nav .nav_top a {
min-height:20px;
line-height:20px;
padding:15px 0 15px 30px;
background:url(../images/common/icon_logo.png) left center no-repeat;
background-size:auto 20px;
-webkit-background-size:auto 20px;
}
#header .sub_menu_sp #g_nav .nav_normal {
font-size:16px;
border-bottom:1px solid #FFF;
}
#header .sub_menu_sp #g_nav .nav_normal a {
padding:20px 0;
position:relative;
}
#header .sub_menu_sp #g_nav .nav_normal a:after {
position:absolute;
top:50%;
right:7px;
content:'';
display:block;
width:8px;
height:8px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#header .sub_menu_sp #g_nav .nav_sub {
width:31%;
font-size:14px;
margin-top:13px;
}
#header .sub_menu_sp #g_nav .nav_sub a {
position:relative;
padding-left:10px;
}
#header .sub_menu_sp #g_nav .nav_sub a:after {
position:absolute;
top:50%;
left:0px;
content:'';
display:block;
width:4px;
height:4px;
border-top:1px solid #FFF;
border-right:1px solid #FFF;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#header .sub_menu_sp #g_nav .nav_sub_company {
width:23%;
}
#header .sub_menu_sp #g_nav .nav_sub_pay {
width:46%;
}
#header .sub_menu_sp .sub_menu_sp_btm {
width:90%;
margin:0 auto 15px auto;
}
#header .sub_menu_sp .sub_menu_sp_btm .red_btn {
-moz-box-shadow:0px;-webkit-box-shadow:0px;
border:1px solid #FFF;
text-align:center;
}
#header .sub_menu_sp .sub_menu_sp_btm a {
display:block;
}
#header .sub_menu_sp .sub_menu_sp_btm p,
#header .sub_menu_sp .sub_menu_sp_btm a {
margin-bottom:15px;
}
#header .sub_menu_sp .sub_menu_sp_btm .menu-trigger2 {
width:40px;
float:right;
margin-bottom:0;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
#header .h_in {
width:310px;
}
#header .h_l_sub span {
width:5.5em;
}
#header .h_l_sub {
padding-left:65px;
}
#header .sub_menu_sp #g_nav .nav_sub {
font-size:12px;
}
}
}





/* ***************************************
	parts
**************************************** */
/* main_ttl */
.main_ttl h2 {
color:#FFFFFF;
font-weight:normal;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
.main_ttl h2 span {
font-size:12px;
display:block;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
@media screen and (min-width: 769px) {/* PC */
.main_ttl {
padding-top:75px;
height:325px;/* total 400px */
}
.main_ttl_bg {
height:101px;/* total 176px */
background:#334A66 url(../images/common/main_ttl_bg_pc.png) center 0 no-repeat;
}
.main_ttl h2 {
font-size:34px;
height:60px;
margin-bottom:40px;
}
.main_ttl h2 span {
margin-top:12px;
}
.main_ttl_btm {
background:#FFF url(../images/common/main_ttl_btm.png) center 50px no-repeat;
margin:0 auto;
width:1000px;
height:225px;
}
.main_ttl_btm ul {
background:#EEEEEE;
width:1000px;
height:50px;
margin-bottom:90px;
}
.main_ttl_btm li {
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
border-right:1px solid #CCCCCC;
}
.main_ttl_btm li.lastChild {
border-right:none;
}
.main_ttl_btm li a {
display:block;
line-height:50px;
padding:0 20px 0 45px;
text-decoration:none;
color:#333333;
position:relative;
}
.main_ttl_btm li a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
.main_ttl_btm li a:before {
content:"";
position:absolute;
top:15px;
left:16px;
border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;
width:20px;
height:20px;
background:#8A0000;
}
.main_ttl_btm li a:after {
content:"";
position:absolute;
top:23px;
left:22px;
width:6px;
height:6px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(135deg);
transform:translateY(-50%) rotate(135deg);
}
.main_ttl_btm p {
line-height:2;
}
}
@media screen and (max-width: 768px) {/* SP */
.main_ttl {
padding-top:77px;
height:103px;/* total 180px */
}
.main_ttl_bg {
background:#334A66 url(../images/common/main_ttl_bg_sp.png) center 0 no-repeat;
background-size:auto 180px;
-webkit-background-size:auto 180px;
}
.main_ttl h2 {
font-size:26px;
}
.main_ttl h2 span {
margin-top:7px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.main_ttl_bg {
background:#334A66 url(../images/common/main_ttl_bg_pc.png) center 0 no-repeat;
background-size:auto 180px;
-webkit-background-size:auto 180px;
}
}
}

/* ttl_01 */
.ttl_01 {
text-align:center;
background:#FFFFFF;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
.ttl_01 .ttl_in {
position:relative;
margin:0 auto;
}
.ttl_01 .ttl_in:before {
position:absolute;
height:1px;
background:#E0D2B7;
content:"";
}
.ttl_01 .red {
color:#8A0000;
}
@media screen and (min-width: 769px) {/* PC */
.ttl_01 {
font-size:40px;
}
.ttl_01 .ttl_in {
padding-top:50px;
padding-bottom:110px;
width:1000px;
background:url(../images/common/ttl_01_bg.png) bottom 50px center no-repeat;
}
.ttl_01 .ttl_in:before {
top:1px;
left:50px;
width:900px;
margin-right:-450px;
}
.ttl_01 span {
font-size:50px;
}
}
@media screen and (max-width: 768px) {/* SP */
.ttl_01 {
font-size:17px;
}
.ttl_01 .ttl_in {
padding-top:30px;
padding-bottom:60px;
background:url(../images/common/ttl_01_bg.png) bottom 30px center no-repeat;
background-size:auto 15px;
-webkit-background-size:auto 15px;
}
.ttl_01 .ttl_in:before {
top:0px;
left:10%;
width:80%;
margin-right:-40%;
}
.ttl_01 span {
font-size:22px;
}
}

/* ttl_02 */
.ttl_02 {
text-align:center;
color:#8A0000;
background:#FFFFFF;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
.ttl_02 .ttl_in {
margin:0 auto;
}
@media screen and (min-width: 769px) {/* PC */
.ttl_02 {
font-size:32px;
padding-bottom:50px;
}
.ttl_02 .ttl_in {
padding-bottom:70px;
width:1000px;
background:url(../images/common/ttl_02_bg.png) bottom center no-repeat;
}
}
@media screen and (max-width: 768px) {/* SP */
.ttl_02 {
font-size:17px;
padding-bottom:25px;
}
.ttl_02 .ttl_in {
padding-bottom:35px;
background:url(../images/common/ttl_02_bg.png) bottom center no-repeat;
background-size:auto 15px;
-webkit-background-size:auto 15px;
}
}

/* red_btn */
.red_btn {
background:#B20000;
color:#FFFFFF;
display:block;
position:relative;
text-decoration:none;
font-weight:bold;
margin:0 auto;
}
.red_btn:after {
position:absolute;
top:50%;
right:20px;
content:'';
display:block;
width:8px;
height:8px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 769px) {/* PC */
.red_btn {
width:340px;
height:60px;
line-height:60px;
font-size:24px;
}
}
@media screen and (max-width: 768px) {/* SP */
.red_btn {
width:100%;
height:50px;
line-height:50px;
font-size:14px;
-moz-box-shadow:1px 1px 3px #B2B2B2;-webkit-box-shadow:1px 1px 3px #B2B2B2;
}
}

/* red_bg */
.red_bg {
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;/* りゅうみん */
background:#8A0000;
color:#FFFFFF;
border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;
}
@media screen and (min-width: 769px) {/* PC */
.red_bg {
font-size:40px;
padding:10px 24px;
margin-left:20px;
}
}
@media screen and (max-width: 768px) {/* SP */
.red_bg {
font-size:20px;
padding:5px 12px;
width:60%;
display:block;
margin:8px auto 9px auto;
}
}

/* gray_btn */
.gray_btn {
text-align:center;
border:1px solid #666666;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
position:relative;
display:block;
margin:0 auto;
text-decoration:none;
color:#000000;
font-weight:bold;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
.gray_btn:after {
position:absolute;
top:50%;
content:'';
display:block;
border-top:2px solid #CCC;
border-right:2px solid #CCC;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 769px) {/* PC */
.gray_btn {
font-size:20px;
width:400px;
height:80px;
line-height:80px;
}
.gray_btn:after {
right:20px;
width:8px;
height:8px;
}
}
@media screen and (max-width: 768px) {/* SP */
.gray_btn {
font-size:14px;
width:80%;
padding:19px 0;
}
.gray_btn:after {
right:10px;
width:4px;
height:4px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.gray_btn {
width:50%;
}
}
}

/* txt_yellow */
.txt_yellow {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-style:italic;
color:#FFBF00;
font-weight:bold;
display:inline-block;
}
@media screen and (min-width: 769px) {/* PC */
.txt_yellow {
font-size:56px;
padding:0 5px;
text-shadow:
#1D3B8D 3px 0px,  #1D3B8D -3px 0px,
#1D3B8D 0px -3px, #1D3B8D 0px 3px,
#1D3B8D 3px 3px , #1D3B8D -3px 3px,
#1D3B8D 3px -3px, #1D3B8D -3px -3px,
#1D3B8D 1px 3px,  #1D3B8D -1px 3px,
#1D3B8D 1px -3px, #1D3B8D -1px -3px,
#1D3B8D 3px 1px,  #1D3B8D -3px 1px,
#1D3B8D 3px -1px, #1D3B8D -3px -1px;
filter:drop-shadow(3px 3px 3px rgba(29,59,59,0.3));
}
.txt_yellow .big {
font-size:80px;
}
}
@media screen and (max-width: 768px) {/* SP */
.txt_yellow {
font-size:20px;
padding:0 2px;
text-shadow:
#1D3B8D 1.5px 0px,  #1D3B8D -1.5px 0px,
#1D3B8D 0px -1.5px, #1D3B8D 0px 1.5px,
#1D3B8D 1.5px 1.5px , #1D3B8D -1.5px 1.5px,
#1D3B8D 1.5px -1.5px, #1D3B8D -1.5px -1.5px,
#1D3B8D 1px 1.5px,  #1D3B8D -1px 1.5px,
#1D3B8D 1px -1.5px, #1D3B8D -1px -1.5px,
#1D3B8D 1.5px 1px,  #1D3B8D -1.5px 1px,
#1D3B8D 1.5px -1px, #1D3B8D -1.5px -1px;
filter:drop-shadow(2px 2px 2px rgba(29,59,59,0.3));
}
.txt_yellow .big {
font-size:24px;
}
@media screen and (max-width: 320px) {/* iphoneSE */
.txt_yellow {
font-size:18px;
}
.txt_yellow .big {
font-size:22px;
}
}
}

/* txt_blue */
.txt_blue {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-style:italic;
color:#203D8E;
font-weight:bold;
display:inline-block;
}
@media screen and (min-width: 769px) {/* PC */
.txt_blue {
font-size:46px;
padding:0 5px;
text-shadow:
#FFF 3px 0px,  #FFF -3px 0px,
#FFF 0px -3px, #FFF 0px 3px,
#FFF 3px 3px , #FFF -3px 3px,
#FFF 3px -3px, #FFF -3px -3px,
#FFF 1px 3px,  #FFF -1px 3px,
#FFF 1px -3px, #FFF -1px -3px,
#FFF 3px 1px,  #FFF -3px 1px,
#FFF 3px -1px, #FFF -3px -1px;
filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}
.txt_blue .big {
font-size:68px;
}
}
@media screen and (max-width: 768px) {/* SP */
.txt_blue {
font-size:18px;
padding:0 2px;
text-shadow:
#FFF 1.5px 0px,  #FFF -1.5px 0px,
#FFF 0px -1.5px, #FFF 0px 1.5px,
#FFF 1.5px 1.5px , #FFF -1.5px 1.5px,
#FFF 1.5px -1.5px, #FFF -1.5px -1.5px,
#FFF 1px 1.5px,  #FFF -1px 1.5px,
#FFF 1px -1.5px, #FFF -1px -1.5px,
#FFF 1.5px 1px,  #FFF -1.5px 1px,
#FFF 1.5px -1px, #FFF -1.5px -1px;
filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}
.txt_blue .big {
font-size:22px;
}
@media screen and (max-width: 320px) {/* iphoneSE */
.txt_blue {
font-size:16px;
}
.txt_blue .big {
font-size:20px;
}
}
}

/* txt_black */
.txt_black {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-style:italic;
color:#000;
font-weight:bold;
display:inline-block;
}
@media screen and (min-width: 769px) {/* PC */
.txt_black {
font-size:36px;
padding:0 5px;
text-shadow:
#FFF 3px 0px,  #FFF -3px 0px,
#FFF 0px -3px, #FFF 0px 3px,
#FFF 3px 3px , #FFF -3px 3px,
#FFF 3px -3px, #FFF -3px -3px,
#FFF 1px 3px,  #FFF -1px 3px,
#FFF 1px -3px, #FFF -1px -3px,
#FFF 3px 1px,  #FFF -3px 1px,
#FFF 3px -1px, #FFF -3px -1px;
filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}
}
@media screen and (max-width: 768px) {/* SP */
.txt_black {
font-size:22px;
padding:0 2px;
text-shadow:
#FFF 1.5px 0px,  #FFF -1.5px 0px,
#FFF 0px -1.5px, #FFF 0px 1.5px,
#FFF 1.5px 1.5px , #FFF -1.5px 1.5px,
#FFF 1.5px -1.5px, #FFF -1.5px -1.5px,
#FFF 1px 1.5px,  #FFF -1px 1.5px,
#FFF 1px -1.5px, #FFF -1px -1.5px,
#FFF 1.5px 1px,  #FFF -1.5px 1px,
#FFF 1.5px -1px, #FFF -1.5px -1px;
filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}
@media screen and (max-width: 320px) {/* iphoneSE */
.txt_black {
font-size:18px;
}
}
}

/* txt_red */
.txt_red {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-style:italic;
color:#8A0000;
font-weight:bold;
display:inline-block;
}
@media screen and (min-width: 769px) {/* PC */
.txt_red {
font-size:36px;
padding:0 5px;
text-shadow:
#FFF 3px 0px,  #FFF -3px 0px,
#FFF 0px -3px, #FFF 0px 3px,
#FFF 3px 3px , #FFF -3px 3px,
#FFF 3px -3px, #FFF -3px -3px,
#FFF 1px 3px,  #FFF -1px 3px,
#FFF 1px -3px, #FFF -1px -3px,
#FFF 3px 1px,  #FFF -3px 1px,
#FFF 3px -1px, #FFF -3px -1px;
filter:drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}
}
@media screen and (max-width: 768px) {/* SP */
.txt_red {
font-size:22px;
padding:0 2px;
text-shadow:
#FFF 1.5px 0px,  #FFF -1.5px 0px,
#FFF 0px -1.5px, #FFF 0px 1.5px,
#FFF 1.5px 1.5px , #FFF -1.5px 1.5px,
#FFF 1.5px -1.5px, #FFF -1.5px -1.5px,
#FFF 1px 1.5px,  #FFF -1px 1.5px,
#FFF 1px -1.5px, #FFF -1px -1.5px,
#FFF 1.5px 1px,  #FFF -1.5px 1px,
#FFF 1.5px -1px, #FFF -1.5px -1px;
filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.3));
}
@media screen and (max-width: 320px) {/* iphoneSE */
.txt_red {
font-size:16px;
}
}
}

/* info_memo */
.info_memo {
margin:0 auto;
}
.info_memo_in {
background:#FFDC73;
font-weight:bold;
}
.info_memo .red {
color:#BA0000;
}
.info_memo .sat {
color:#1F3D8C;
}
@media screen and (min-width: 769px) {/* PC */
.info_memo_in {
border:5px solid #BA0000;
padding:5px 10px;
margin:0 5px;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
}
@media screen and (max-width: 768px) {/* SP */
.info_memo_in {
border:2px solid #BA0000;
padding:3px 6px;
display:inline-block;
margin:0 1px;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
}


/* ***************************************
	contents
**************************************** */

/* contents */
div.contents {
}
/* bg */
.bg_w {
background:#FFFFFF;
width:100%;
}
.bg_wrapper {
background:#FFFFFF;
margin:0 auto;
}
/* section */
.section {
text-align:left;
}
.section p {
line-height:1.8;
text-align:left;
}

/* cp_bnr */
.cp_bnr {
color:#666666;
margin:0 auto;
text-align:center;
}
.cp_bnr p {
margin-bottom:5px;
}
@media screen and (min-width: 769px) {/* PC */
/* bg */
.bg_border {
background:url(../images/common/bg_border_pc.png) 52px 0 repeat;
}
.bg_wrapper {
width:1000px;
}
.section {
margin-bottom:100px;
}
.cp_bnr {
padding-bottom:70px;
}
.cp_bnr ul {
width:700px;
margin:0 auto;
}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
@media screen and (min-width: 769px) and (max-width: 1024px) {/* Tablet iPad Pro */
}

@media screen and (max-width: 768px) {/* SP */
/* bg */
.bg_border {
background:url(../images/common/bg_border_sp.png) 0 0 repeat;
}
.bg_wrapper {
width:90%;
}
.section {
margin-bottom:30px;
}
.cp_bnr {
padding-bottom:35px;
}
.cp_bnr img {
width:96%;
}
.cp_bnr ul {
width:96%;
margin:0 auto;
text-indent:0;
line-height:1.2;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	info_contents
**************************************** */
.info_contents {
text-align:center;
background:#F4EEE3;
margin-bottom:0;
}
.info_contents h3 {
background:#5FCACD;
}
.info_contents .info_contents_logo {
position:relative;
}
.info_contents .info_contents_logo .logo_icon {
position:absolute;
}
.info_contents .att {
text-align:center;
}
@media screen and (min-width: 769px) {/* PC */
.info_contents {
padding-bottom:30px;
}
.info_contents .info_contents_bg {
padding:20px 0 76px 0;
background:url(../images/common/info_contents_bg.png) 0 0 repeat-x;
background-size:auto 293px;
-webkit-background-size:auto 293px;
}
.info_contents .info_contents_logo {
width:810px;
margin:0 auto 13px auto;
}
.info_contents .info_memo {
width:581px;
font-size:30px;
}
.info_contents .info_contents_logo_pc {
margin-bottom:18px;
}
.info_contents .info_contents_logo .logo_icon {
bottom:10px;
right:15px;
padding:8px 5px;
}
.info_contents .red_btn {
width:500px;
height:80px;
line-height:80px;
font-size:28px;
margin-bottom:14px;
}
.info_contents .att {
font-size:16px;
}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
.info_contents h3 img {
width:100%;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {/* Tablet iPad Pro */
}

@media screen and (max-width: 768px) {/* SP */
.info_contents {
padding-bottom:15px;
}
.info_contents .info_contents_bg {
padding:13px 0 0 0;
margin-bottom:12px;
background:url(../images/common/h_bg_sp.png) 0 0 repeat-x;
background-size:auto 190px;
-webkit-background-size:auto 190px;
}
.info_contents .info_contents_logo {
width:320px;
margin:0 auto 15px auto;
}
.info_contents .info_contents_logo_sp {
width:320px;
margin-bottom:5px;
}
.info_contents .info_contents_logo .logo_icon {
top:64px;
left:45px;
}
.info_contents .info_contents_logo p {
color:#FFF;
font-size:12px;
text-align:center;
}
.info_contents .info_tel {
width:calc(90% - 20px);
margin:0 auto;
}
.info_contents .red_btn {
width:90%;
}
.info_contents .att {
margin-top:7px;
font-size:11px;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.info_contents .info_tel {
width:480px;
}
.info_contents .red_btn {
width:500px;
}
}
@media screen and (max-width: 320px) {/* iphoneSE */
.info_contents .info_contents_logo .logo_icon {
top:57px;
}
.info_contents .info_contents_logo {
width:300px;
}
.info_contents .info_contents_logo_sp {
width:280px;
}
}
}

/* ***************************************
	page_top_btn
**************************************** */
.page_top_btn {
background:#112631;
border:1px solid #FFF;
position:fixed;
bottom:10px;
right:0;
z-index:100;
}
.page_top_btn a {
color:#FFF;
display:block;
position:relative;
text-decoration:none;
line-height:1.2;
}
.page_top_btn a:after {
position:absolute;
left:50%;
content:'';
display:block;
-webkit-transform:translateY(-50%) rotate(-45deg);
transform:translateY(-50%) rotate(-45deg);
}
@media screen and (min-width: 769px) {/* PC */
.page_top_btn {
width:90px;
height:90px;
font-size:12px;
}
.page_top_btn a {
padding-top:45px;
}
.page_top_btn a:after {
top:30px;
width:20px;
height:20px;
margin-left:-10px;
border-top:3px solid #FFF;
border-right:3px solid #FFF;
}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
@media screen and (min-width: 769px) and (max-width: 1024px) {/* Tablet iPad Pro */
}

@media screen and (max-width: 768px) {/* SP */
.page_top_btn {
width:60px;
height:60px;
right:17px;
font-size:10px;
}
.page_top_btn a {
padding-top:25px;
}
.page_top_btn a:after {
top:15px;
width:10px;
height:10px;
margin-left:-5px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}


/* ***************************************
	footer
**************************************** */
.footer {
text-align:left;
}
/* f_info */
.f_info {
text-align:center;
}
.f_info_top p,
.f_info_tel p {
font-weight:bold;
}
/* f_logo */
.footer .f_logo {
text-align:center;
}
.footer .f_logo img {
vertical-align:middle;
margin-right:10px;
}
/* copy */
.footer .copy {
font-size:12px;
background:#142A36;
color:#FFFFFF;
text-align:center;
}
@media screen and (min-width: 769px) {/* PC */
/* f_nav */
.f_nav {
border-top:1px solid #334A66;
padding-top:19px;
padding-bottom:38px;
}
.f_nav li a {
text-decoration:none;
color:#000000;
}
.f_nav1 {
width:883px;
border-left:1px solid #CCCCCC;
margin:0 auto 45px auto;
}
.f_nav1 li {
border-right:1px solid #CCCCCC;
}
.f_nav1 li a {
display:block;
text-align:center;
font-size:16px;
height:30px;
line-height:30px;
padding:0 40px;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}
.f_nav2 {
font-size:14px;
width:460px;
margin:0 auto;
}
.f_nav2 li a {
padding:0 20px;
display:inline-block;
}
/* f_info */
.f_info {
background:#142A36;
padding:30px 0 35px 0;
}
.f_info_top {
width:774px;
margin:0 auto 30px auto;
}
.f_info_top p {
font-size:30px;
color:#FFF;
}
.f_info_top p img {
display:block;
margin-top:20px;
float:left;
}
.f_info_top .red_btn {
float:right;
margin-top:20px;
}
.f_info .info_memo {
width:581px;
}
.f_info .info_memo_in {
font-size:30px;
}
/* f_logo */
.footer .f_logo {
background:url(../images/common/bg_repeat.png) 0 0 repeat;
padding:39px 0 25px 0;
}
.footer .f_logo img {
width:468px;
}
/* copy */
.footer .copy {
padding:12px 0;
}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {/* PC small */
}
@media screen and (min-width: 769px) and (max-width: 1024px) {/* Tablet iPad Pro */
}

@media screen and (max-width: 768px) {/* SP */
/* f_nav */
.f_nav {
background:#142A36;
padding-top:30px;
padding-bottom:10px;
}
.f_nav ul {
border-top:1px solid #FFF;
padding:10px 0;
}
.f_nav li {
width:50%;
}
.f_nav li a {
color:#FFF;
display:block;
padding:10px 0;
}
.f_nav1 li a {
position:relative;
display:inline-block;
}
.f_nav1 li a:after {
position:absolute;
top:50%;
right:-10px;
content:'';
display:block;
width:4px;
height:4px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
/* f_info */
.f_info {
width:90%;
margin:15px auto;
}
.f_info_tel {
margin-bottom:12px;
}
.f_info_tel p {
font-size:15px;
color:#142A36;
margin-bottom:10px;
}
.info_tel {
padding:10px;
display:block;
background:#FFFFFF;
border:2px solid #8A0000;
position:relative;
}
.info_tel:after {
position:absolute;
top:50%;
right:10px;
content:'';
display:block;
width:4px;
height:4px;
border-top:2px solid #8A0000;
border-right:2px solid #8A0000;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
.info_tel img {
margin-bottom:10px;
display:block;
}
.f_info .info_memo_in {
font-size:13px;
}
.f_info_mail a {
margin-bottom:8px;
}

/* f_logo */
.footer .f_logo {
padding:12px 2%;
background:url(../images/common/bg_repeat_sp.png) 0 0 repeat;
}
.footer .f_logo img {
width:69%;
}
/* copy */
.footer .copy {
font-size:10px;
padding:10px 5%;
line-height:1.2;
}
@media screen and (min-width: 480px) {/* Tablet iPad・mini */
.f_nav li {
width:25%;
}
.f_nav1 li {
width:33%;
}
/* f_info */
.f_info {
width:50%;
}
.footer .f_logo img {
width:50%;
}
}
@media screen and (max-width: 320px) {/* iphoneSE */
/* copy */
.footer .copy {
padding:10px 2%;
}
}
}
