@charset "UTF-8";

/*
	Theme Name: PVサービスNUL
	Description: LAYOUT & SCRIPT DATA
	Author: Mochida Tomokazu
	Author URI: https://www.resite.jp/
	Version: 2021.07

*/

html {font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;}
a{outline:none !important;}
a:focus{outline:none !important;}
li{outline:none !important;}
li:focus{outline:none !important;}


@media all and (min-width:751px) {
*{margin: 0;padding: 0;}
body {background-color: #fff;color: #333;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 16px;line-height: 32px;font-weight: normal;}
ul,li {margin: 0px;padding: 0px;list-style-type: none;}


/*--------ヘッダー--------*/
header{position: fixed;width: 100%;z-index: 2;}
header>section{margin: auto;position: relative;display: flex;width: 100%;flex: 1;background-color: rgba(255,255,255,0.7);box-shadow: 0px 0px 10px -5px rgba(0,0,0,0.6);}
header>section div{display: flex;width: 1280px;margin: auto;align-items: center;position: relative;}
header h1{display: flex;flex-direction: column;flex-basis: 270px;justify-content: center;line-height:28px;margin-right: 30px;}
header h1 a{display: table;font-size: 14px;text-decoration: none;color: #333;}
header h1 small{font-size: 16px;margin-right:3px}
header h1 b{display: table;font-size: 24px;}
header h1 span{display: table;font-size: 14px;}
header>section div>a{font-size: 22px;text-decoration: none;color: #333;display: table;margin-right: 30px;font-weight: bold;margin-top: -20px;}
header>section div>a::before{content: "\260E";font-size: 22px;margin-right: 5px;}
header>section div>address{position: absolute;left: 295px;top: 48px;font-style: normal;font-size: 14px;}
header nav{background-color: rgb(0,116,170,0.75);flex: 1;}
header nav ul{width: 100%;display: flex;justify-content: space-between;align-items: center;height: 100%;}
header nav ul li{display: flex;align-items: center;height: 100%;width: 100%;}
header nav ul li a{text-decoration: none;color: #fff;display: block;padding: 32px 0;border-left: 1px solid rgba(255,255,255,0.3);border-right: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;width: 100%;text-align: center;font-weight: bold;}
header nav ul li a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}


.slider-pro {display: flex;justify-content: center;align-items: center;}
img.slimg{display: block;position: absolute !important;z-index: 1;}

footer{background-color: #0074aa}
footer>section{width: 1280px;margin: auto;color: #fff;text-align: center;padding-top:40px;}
footer p{font-size:16px;text-align:center;}
footer h1{display: flex;justify-content: center;align-items: center;flex-direction: column;}
footer h1 b{font-size:22px}
footer h1 small{font-size:12px}
footer a{display: table;margin: auto;color: #fff;text-decoration: none;font-size: 22px;font-weight: bold;margin-bottom:25px}
footer a::before{content: "\260E";font-size: 20px;margin-right: 5px;}
footer address{display: block;font-style: normal;margin-bottom:30px}
footer section>small{display: block;font-size: 11px;}

#spfnavi{display: none;}



/*--------コンテンツ共通	--------*/
main{display: block;position: relative;}
article{position: relative;;display: flex;flex-direction: column;}
h2.title{display: table;margin: auto;margin-top: -130px;font-size: 30px;font-weight: normal;position: relative;margin-bottom: 60px;padding-top: 260px;}
h2.title:after {position: absolute;left: 0;right: 0;content: " ";display: block;border-bottom: solid 3px #0074aa;bottom: -20px;width: 40px;margin: auto;}
h3.title{font-size: 20px;}
h3.title::before{content: url("images/ec.png");margin-right: 10px;vertical-align: text-top;}
h3.title2{display: table;margin: auto;font-size: 17px;border:2px solid #0074aa;padding: 6px 30px;color: #0074aa;}
h3.title3{display: table;margin: auto;font-weight: normal;}

.visual{width: 100%;height: 40vh;background-image: url("images/thanks.jpg");background-size: cover;background-position: center;}

.s1{width: 1280px;margin: auto;}
.s1 ul{margin-top: -40px;box-sizing: border-box;padding: 0 20px 0 0;background: #fff;}
.s1 ul li::before{content: "NEWS";font-size: 12px;font-weight: bold;color: #fff;background-color: #0074aa;padding: 0 10px;margin-right: 10px;line-height: 40px;}
.s1 ul li{font-size: 14px;display: flex;align-items: center;height: 40px;}
.s1 ul li time{font-size: 13px;margin-right: 10px;}
.s1 ul li span{}
.s1 p{margin-top: 40px;text-align:center;font-weight: bold;font-size: 18px;letter-spacing: -1px;}



.s2{width: 100%;margin: auto;}
.s2 ul{display: flex;justify-content: center;margin-top: 45px;}
.s2 ul li{width: 44%;position: relative;text-align: center;font-weight: bold;padding: 0 3%;box-sizing: border-box;}
.s2 ul li img{display: block;margin: auto;height: auto;margin-bottom: 15px;width: 60%;}
.s2 ul li:first-child::after{content: none;}
.s2 ul li::after{content: "";border-left: 1px dotted #ccc;position: absolute;left: 0px;top:0;height: 100%;}
.s2 ul li b{display: block;margin-bottom: 10px;text-align: center;font-weight: bold;font-size: 22px;color: #0074aa;}
.s2 ul li p{width:100%;box-sizing:border-box;padding:15px;margin-top:10px;text-align: left;}
.s2 ul li small{font-size: 17px;font-weight: bold;display: table;margin:auto;margin-bottom: 5px;border-bottom: 1px solid #0074aa;}



.s3{width: 100%; margin: auto;}
.s3 div{width: 100%;padding: 50px 0;background-image: url("images/v_bg.jpg");}
.s3 table{width:1000px;margin: auto;box-sizing: border-box;background-color: rgba(255,255,255,0.7);}
.s3 table th{text-align: left;padding: 8px 25px;width: 150px;border-bottom: 1px dotted #ccc;}
.s3 table td{text-align: left;padding: 8px 25px;border-bottom: 1px dotted #ccc;}
.s3 table tr:last-child th,.s3 table tr:last-child td{border-bottom: none;}
.s3 small {width:1000px;margin: auto;display:block;text-align: right;}

.s4{width: 1280px;margin: auto;}
.s4 h4{background-color: #f3f3f3;font-size: 18px;padding: 6px 20px;margin-top: 50px;margin-bottom: 20px;}
.s4 dl{display: flex;flex-wrap: wrap;flex-direction: column;width: 1200px;margin: auto;}
.s4 dt{font-weight: bold;color: #0074aa;font-size: 18px;position: relative;padding-left: 25px;}
.s4 dt::before{content: "";border-left: 15px solid #0074aa;position: absolute;height: 5px;left: 0;top: 46%;}
.s4 dd{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dotted #ccc;}
.s4 dd img{float: right;margin: -40px 0 0 60px;width: 350px;height: auto;display: block;}
.s4 dd a{color:#0074aa;}
.s4 dd:last-child{margin-bottom: 0px;padding-bottom: 0px;border:none;}
.s4 dd span.faq{display: block;margin-top: 60px;border: 1px dotted #ddd;position: relative;box-sizing: border-box;padding: 25px;}
.s4 dd span.faq::before{content: "よくある質問";position: absolute;top:-35px;left: 0;}
.s4 dd span.faq a{color:#0074aa;}
.s4 dd span.faq a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}

.s5{width: 1280px;margin: auto;}
.s5 p+p{margin-bottom: 100px;}

.s6{width: 1280px;margin: auto;}
.s6 ul{margin-top: 45px;}
.s6 ul li{display: flex;margin-bottom: 35px;border-bottom: 1px dotted #ccc;padding-bottom: 35px;}
.s6 ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.s6 ul li figure{margin-right: 25px;}
.s6 ul li div{position: relative;width: 500px;padding-top: 22.5%;margin-right: 25px;}
.s6 ul li div iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.s6 ul li img{width: 500px;display: block;height: auto;}
.s6 ul li p{flex:1;}
.s6 ul li b{display: block;font-size: 20px;}
.s6 ul li a{display: table;background-color:#0074aa;color: #fff;text-decoration: none;padding:4px 15px;margin-top: 25px;position: relative;z-index: 1;}
.s6 ul li a::after{content: "\25B8";margin-right: 5px;}

.sns{display: flex;align-items: center;justify-content: center;margin-top: 15px;}
.sns li{margin: 0px 10px;}
.sns li a{display: block;}
.sns li a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}
.sns li img{display: block;}

#contact{border-top: 4px solid #eee;margin: 120px auto 80px;max-width: 1280px;}
#contact table.inputf {box-sizing: border-box;width: 900px;border-collapse: separate;border-spacing: 5px;margin:30px auto}
#contact table.inputf th {padding: 8px 0px;text-align: left;font-weight: normal;vertical-align: top;}
#contact table.inputf th span.must {color:#ff0000;font-size: 12px;margin-right: 10px;background: #fff;box-shadow: none;float: none;display: inline;padding: 0;}
#contact table.inputf td {padding:5px 0px;}
#contact table.inputf td.select br{display: none;}
form#mailformpro input, form#mailformpro textarea {font-size: 16px !important;padding: 10px!important;background: #f3f3f3;border: none;}
form#mailformpro input{width: 100%;box-sizing: border-box;}
form#mailformpro input[type="checkbox"]{width:inherit;margin: 0px 5px 0px 15px;}
form#mailformpro textarea{width: 100% !important;box-sizing: border-box;}
form#mailformpro select {font-size: 16px !important;padding: 3px 5px;}
form#mailformpro label.mfp_not_checked {border: none !important;}
#contact table.inputf td.textcen {text-align: center;padding:20px 0px;}
#contact table.inputf td.textcen button {font-size:16px;padding:5px 10px;}

#contact .privacy{width:50%;margin: auto;border: solid 1px #ccc;box-sizing: border-box;height: 200px;overflow: auto;font-size: 12px;line-height: 18px;padding: 15px;background: #fff;color: #666;}


table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {font-size: 14px !important;}	
div.mfp_buttons {padding: 30px 0px !important;}
div.mfp_buttons button{font-size: 16px !important;padding: 5px 10px !important;}
div#mfp_overlay_inner {width: 80% !important;}
div#mfp_overlay_inner h4 {padding: 15px 0;}


#anchor{position: fixed;right: 30px;bottom: 30px;width: 60px;height: 60px;}
#anchor img{width: 100%;height: auto;}


}










































/*--------スマートフォンー-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/




























@media all and (max-width:750px) {

*{margin: 0;padding: 0;}
body {background-color: #fff;color: #333;margin: 0px;padding: 0px;position:relative;overflow-x: hidden;font-size: 15px;line-height: 28px;font-weight: normal;}
ul,li {margin: 0px;padding: 0px;list-style-type: none;}




/*--------ヘッダー--------*/
header{position: fixed;width: 100%;z-index: 2;box-shadow: 0px 3px 2px -2px rgba(0,0,0,0.10);}
header>section{width: 100%;background-color: rgba(255,255,255,0.8);}
header>section div{display: flex;width: 100%;margin: auto;align-items: center;justify-content: space-around;padding: 5px 0 0;flex-wrap: wrap;}
header h1{display: flex;flex-direction: column;text-align: center;}
header h1 a{display: table;text-decoration: none;color: #333;}
header h1 small{font-size: 12px;margin-right:3px;}
header h1 b{display: table;font-size: 17px;margin-top: -5px;}
header h1 span{display: table;font-size: 13px;}
header>section div>a{display: none;}
header>section div>address{font-style: normal;font-size: 13px;}
header nav{background-color: rgb(0,116,170,0.75);width: 100%;height: 40px;margin-top: 10px;}
header nav ul{display: flex;justify-content: space-between;align-items: center;height: 100%;}
header nav ul li{display: flex;align-items: center;height: 100%;width: 100%;}
header nav ul li a{text-decoration: none;color: #fff;display: flex;border-left: 1px solid rgba(255,255,255,0.3);border-right: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;width: 100%;text-align: center;font-weight: bold;font-size: 12px;line-height: 1.5;height: 100%;align-items: center;justify-content: center;letter-spacing: -1px;}
header nav ul li:last-child{display:none;}
.slider-pro {display: flex;justify-content: center;align-items: center;}
img.slimg{display: block;position: absolute !important;z-index: 1;width: 80%;height: auto;margin-top: 50px;}


footer{background-color: #0074aa;}
footer>section{width: 100%;margin: auto;color: #fff;text-align: center;padding-top:40px;margin-bottom: 40px;}
footer p{text-align:center;}
footer h1{display: flex;justify-content: center;align-items: center;flex-direction: column;}
footer h1 b{font-size: 20px;}
footer h1 small{font-size:12px}
footer a{display: table;margin: auto;color: #fff;text-decoration: none;font-size: 20px;font-weight: bold;margin-bottom:25px;}
footer a::before{content: "\260E";font-size: 20px;margin-right: 5px;}
footer address{display: block;font-style: normal;margin-bottom:30px}
footer section>small{display: block;font-size: 10px;}

#spfnavi{background-color: #00567e;height:40px;position: fixed;bottom: 0;width:100%;display: flex;z-index: 1;border-top: 1px solid #013a55;}
#spfnavi li{flex: 1;border-right: 1px solid rgba(0,0,0,0.1);border-left: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
#spfnavi li:first-child{border-left:none;}
#spfnavi li:last-child{border-right:none;}
#spfnavi a{display:block;width: 100%;height: 100%;opacity: 1;}
#spfnavi img{display:block;height: 24px;margin: 9px auto;}

.s2,.s3,.s4,.s6{margin-top: -70px !important;padding-top: 60px;}

/*--------コンテンツ共通	--------*/
main{display: block;position: relative;}
article{position: relative;;display: flex;flex-direction: column;}
h2.title{display: table;margin: auto;margin-top: 70px;font-size: 22px;font-weight: normal;position: relative;margin-bottom: 40px;}
h2.title:after {position: absolute;left: 0;right: 0;content: " ";display: block;border-bottom: solid 3px #0074aa;bottom: -17px;width: 25px;margin: auto;}
h3.title{font-size: 18px;margin-bottom: 20px;}
h3.title::before{content: url("images/ec.png");margin-right: 10px;vertical-align: text-top;}
h3.title2{display: table;margin: auto;font-size: 15px;border:2px solid #0074aa;padding: 6px 30px;color: #0074aa;}
h3.title3{display: table;margin: auto;font-size: 15px;font-weight: normal;}

.visual{width: 100%;height: 25vh;background-image: url("images/thanks.jpg");background-size: cover;background-position: center;}

.s1{width: 90%;margin: auto;}
.s1 ul{margin-top: -40px;box-sizing: border-box;padding: 0 20px 0 0;background: #fff;width: 111%;margin-left: -5.55%;}
.s1 ul li::before{content: "NEWS";font-size: 11px;font-weight: bold;color: #fff;background-color: #0074aa;padding: 0 10px;margin-right: 10px;line-height: 40px;}
.s1 ul li{font-size: 14px;display: flex;align-items: center;height: 40px;}
.s1 ul li time{font-size: 12px;margin-right: 10px;display: block;}
.s1 ul li span{font-size: 13px;display: block;line-height: 18px;}
.s1 img{width: 100%;margin: auto;margin-bottom: 15px;display: block;}
.s1 p{margin-top: 40px;font-weight: bold;}



.s2{width: 90%;margin: auto;}
.s2 ul{display: flex;justify-content: space-between;margin-top: 45px;flex-direction: column;}
.s2 ul li{width: 100%;position: relative;text-align: center;margin-bottom: 25px;padding-bottom: 25px;font-weight: bold;}
.s2 ul li:last-child{margin-bottom: 25px;padding-bottom: 0px;border-bottom: none;}
.s2 ul li img{display: block;margin: auto;height: auto;margin-bottom: 15px;width: 75%;}
.s2 ul li b{display: block;margin-bottom: 5px;text-align: center;font-weight: bold;font-size: 18px;color: #0074aa;}
.s2 ul li p{background-color:#f3f3f3;width:100%;box-sizing:border-box;padding:15px;margin-top:20px;text-align: left;}
.s2 ul li small{font-size: 15px;font-weight: bold;display: table;margin:auto;margin-bottom: 5px;border-bottom: 1px solid #0074aa;}




.s3{width: 100%; margin: auto;}
.s3 div{width: 100%;padding: 20px;background-image: url("images/v_bg.jpg");box-sizing: border-box;}
.s3 table{width:94%;margin: auto;box-sizing: border-box;background-color: rgba(255,255,255,0.7);}
.s3 table th{text-align: center;padding: 8px 0 0;width: 100%;display: block;}
.s3 table td{text-align: center;padding: 0 0 8px 0;width: 100%;border-bottom: 1px dotted #ccc;display: block;}
.s3 table tr:last-child th,.s3 table tr:last-child td{border-bottom: none;}
.s3 small {width:94%;margin: auto;display:block;text-align: right;margin-top: 10px;}



.s4{width: 90%;margin: auto;}
.s4 h4{background-color: #f3f3f3;font-size: 16px;padding: 6px 20px;margin-top: 50px;margin-bottom: 20px;}
.s4 dl{display: flex;flex-wrap: wrap;flex-direction: column;width: 94%;margin: auto;}
.s4 dt{font-weight: bold;color: #0074aa;font-size: 16px;position: relative;padding-left: 25px;margin-bottom: 5px;}
.s4 dt::before{content: "";border-left: 15px solid #0074aa;position: absolute;height: 5px;left: 0;top: 12px;}
.s4 dd{margin-bottom: 30px;padding-bottom: 30px;border-bottom: 1px dotted #ccc;}
.s4 dd img{margin: auto;max-width: 300px;height: auto;display: block;}
.s4 dd a{color:#0074aa;}
.s4 dd:last-child{margin-bottom: 0px;padding-bottom: 0px;border:none;}
.s4 dd span.faq{display: block;margin-top: 60px;border: 1px dotted #ddd;position: relative;box-sizing: border-box;padding: 25px;}
.s4 dd span.faq::before{content: "よくある質問";position: absolute;top:-35px;left: 0;}
.s4 dd span.faq a{color:#0074aa;}
.s4 dd span.faq a:hover{opacity: 0.4;transition: 0.4s ease-in-out;}

.s5{width: 90%;margin: auto;}
.s5 p+p{margin-bottom: 100px;}


.s6{width: 100%;margin: auto;}
.s6 ul{margin-top: 45px;}
.s6 ul li{display: flex;flex-direction: column;margin-bottom: 35px;padding-bottom: 35px;}
.s6 ul li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.s6 ul li figure{}
.s6 ul li div{position: relative;width: 100%;padding-top: 59.0%;}
.s6 ul li div iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}
.s6 ul li img{width: 100%;display: block;height: auto;}
.s6 ul li p{width: 90%;margin: auto;margin-top: 15px;}
.s6 ul li b{display: block;font-size: 16px;}
.s6 ul li a{display: table;background-color:#0074aa;color: #fff;text-decoration: none;padding:4px 15px;margin:auto;margin-top: 25px;position: relative;z-index: 1;}
.s6 ul li a::after{content: "\25B8";margin-right: 5px;}



.sns{display: flex;align-items: center;justify-content: center;margin-top: 15px;margin-bottom: 40px;}
.sns li{margin: 0px 10px;}
.sns li a{display: block;}
.sns li img{display: block;width: 40px;}




#contact{margin: 80px auto 40px;width: 90%;border-top: 4px solid #eee;padding-top: 15px;}
#contact table.inputf {width: 100%;}
#contact table.inputf th {display: block;text-align: left;font-weight: normal;}
#contact table.inputf th span.must {color:#ff0000;font-size: 12px;background: #fff;box-shadow: none;float: none;display: inline;padding: 0;}
#contact table.inputf td {display: block;padding-bottom: 10px;}
#contact table.inputf td a {margin-left: 10px;}
#contact table.inputf td label {display: block;}
#contact table.inputf td ol li{padding-bottom: 5px;}
form#mailformpro input{width: 100%;box-sizing: border-box;}
form#mailformpro input[type="checkbox"]{width:inherit;margin: 0px 5px 0px 15px;}
form#mailformpro textarea{width: 100% !important;box-sizing: border-box;}
form#mailformpro select {font-size: 16px !important;padding: 3px 5px;}
#contact table.inputf td.textcen {text-align: center;padding:20px 0px;}
#contact table.inputf td.textcen button {font-size:16px;padding:5px 10px;}

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {font-size: 14px !important;display: block !important;width: 100% !important;box-sizing: border-box;}
table#mfp_confirm_table tr td{border-top: none !important;}

#contact .privacy{width:90%;margin: auto;border: solid 1px #ccc;box-sizing: border-box;height: 100px;overflow: auto;font-size: 12px;line-height: 18px;;padding: 15px;background: #fff;color: #666;}

table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {font-size: 14px !important;}	
div.mfp_buttons {padding: 30px 0px !important;}
div.mfp_buttons button{font-size: 16px !important;padding: 5px 10px !important;}
div#mfp_overlay_inner {width: 80% !important;}
div#mfp_overlay_inner h4 {padding: 15px 0;}


#anchor{position: fixed;right: 15px;bottom: 55px;width: 40px;height: 40px;z-index: 1;opacity: 1;display: none;}
#anchor img{width: 100%;height: auto;display: none;}




}